VPF::Путешествие по списку ссылок - Форум программистов

Vadd

Дата 26.1.2006, 14:45 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

Сразу предупреждаю что полный чайник в програмировании но учусь

проблема в следущим у меня файл состоящий изтрех фреймов.

выглядит это примерно так

______________________________________________________________________________________
|`````````````|фрейм3
|`````````````| и кнопки "далее" и "назад"
|````Фрейм1``|
|`````````````| ________________________________________________________________________
|`````````````|
|`менюшка`````|
|`````````````| Фрейм2
|`````````````| основной текст
|`````````````| вызываемый менюшкой
|`````````````|
|`````````````|
|`````````````|
|`````````````|
|`````````````|
|`````````````|
|`````````````|
|`````````````|
|`````````````| |_____________|________________________________________________________________________

Проблема в том чтоб написать эти кнопки
даже не сами кнопки, кнопки вроде как есть
но нет механизма по которым эти кнопки будут вызывать ссылки по списку

помогите я скоро научусь !!! и не буду задавать дурацкие вопросы smile

Innuendo

Дата 26.1.2006, 15:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

лучше не использовать фреймы... у многих не подерживаются они, да и вообще можно и без них обойтсись

а что твои кнопки должны делать?

--------------------

Vadd

Дата 26.1.2006, 15:22 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

фреймы используются это consta по задаче

вот общий вид кнопки

все не стал писать эта кнопа еще выпуклая и меняет цвет када на нее наводят курсор

Код

<table width="100%" border=0 align=center cellspacing=1 cellpadding=1 bgcolor="#2850A3"> 
<tr height=50> 

<td width="16%" height="60" bgcolor="#D0E0FF"> <script>document.write( TDB('0',
'ссылко')
);</script> 
Назад</button></td> 
<td width="17%" height="60" bgcolor="#D0E0FF"> <script>document.write( TDB('0',
'ссылко')
);</script> 
Далее</button></td> 

</tr> 
</table>

надо чтобы одна кнопка отправляла на +1 по списку а другая на -1 по списку в менюшки

Innuendo

Дата 26.1.2006, 15:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

что такое </button>
да и зачем так мудрить? можно кнопку сделать в таких вариантах (простых):
просто стандартная кнопка- <input type="button">
изображение <a href=""><img src="src_button" border=0></a> или просто <img src="" onclick="">

а для навигации ищи в справочники методы window.history
там будет и метод назад, и вперед...

--------------------

Vadd

Дата 26.1.2006, 16:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

РРРрРРРррррРРР ПРОБЛЕМА НЕ В ТОМ КАК КНОПКА ВЫГЛЯДИТ !

проблема в том чтобы одна кнопка отсылал вверх по списку а другая вниз

p.s и хистори негодится мне не надо открывать то что было открыто в предыдущем окне фрейма2
мне надо чтобы в фрейме 2 было открыто окно по списку

p.s.s
Эх если бы я по вашей фене понимал .....

Ciber SLasH

Дата 26.1.2006, 21:31 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(Vadd @ 26.1.2006, 14:45

)

помогите я скоро научусь !!!

Ню-ню, скоро — понятие растяжимое.

Цитата(Vadd @ 26.1.2006, 15:22

)

надо чтобы одна кнопка отправляла на +1 по списку а другая на -1 по списку в менюшки

Какой список ХЗ...
Предпологаю, что тебе нужно перемещать указатель текущего положения меню динамически, типа как в огромных менюхах есть внизу стрелочка вниз, при нажатии на которую менюха съезжает вверх. Оно?

GIK

Дата 27.1.2006, 15:58 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Для того чтобы писать программы с фреймами, надо хотябы немного знать о JS smile

Немного о базовом на JS:
Кнопку ты можес создать вот так:
<input type="button" value="Далее" onClick="f1()">
где type - тип кнопки
value-значение выводимое на кнопку
onClick - событие-нажатие на кнопку, после которого можно реализовать какое нибуть действие, например вызов функции.
Допустим ты хочешь поменять ссылки.
Создаем функцию которая меняет ссылки, для этого можно использовать массив где будем хранить ссылки.

Код


<html>
 <head>
<script language="JavaScript">
<!--
 
  var mas = new Array("http://vingrad.ru", "http://ostrie.ru ""http://vin2.ru");
  var i = -1;
 function plus(){
 i++;  
 document.getElementById("silka").href=mas[i]; 
 }
 function minus(){
 i--;  
 document.getElementById("silka").href=mas[i]; 
 }
-->
</script>
 </head>
<body>

 <input type="button" value="Далее" onClick="plus()" style="position:absolute;top:30;left:10;">
 <input type="button" value="Назад" onClick="minus()" style="position:absolute;top:60;left:10;">

<a href="http://vino.ru" id="silka" style="position:absolute;top:150;left:50;">Ссылка</a>
  </body>
 </html>

Это конечно не то что тебе нужно но начало можно положить.
Если что непонятно спрашивай тебе сдесь помогут smile

Это сообщение отредактировал(а) GIK - 27.1.2006, 16:07

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

Sardar

Дата 28.1.2006, 00:17 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Парни чего то вы мудрите... smile

Цитата(Innuendo @ 26.1.2006, 14:49

)

что такое </button>

Innuendo в следующий раз пользуйся гуглом, надоедает подобные вопросы читать, особено когда не в попад smile

Vadd я так понял у тебя меню в виде дерева, вероятно это параграфы/страницы какого то текста, кнопками кнопками вперёд/назад нужно двигаться "по писку" от страницы/параграфа к странице/параграфу?

Тогда делаем менюшку обычными ссылками (не нужно лишать пользователя возможности самому кликать), якоря для прыжков по странице. Имеем у кнопок переменную что держит текущую открытую ссылку, кнопками выбираем соседей, вызываем click().

Ещё проще если ссылки можно выделить в некий массив, тогда просто меняем URL фрейма.

Выкладывай текущую разметку, пишем код, в слепую время теряем.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Vadd

Дата 2.2.2006, 12:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

Всем спасибо. smile

К моему удивлению тема по прежнему актуальна. Получилось примерно следущие

http://msdn.microsoft.com/library/rus/defa...vsstartpage.asp

только менюшка без кнопок а только по ссылкам.
Пытаюсь на решениях этой страницы сделать нечто похожее но знаний пока не хватает
в частности прошу разьяснить смысл
этого скриптика

smile

Код



function hidetoc()
  {
  strColumns_Current = top.mainframeset.cols
  
  top.mainframeset.cols = "1,*";
  top.contentbar.document.all("showtoc").style.display = "block";
  }

p.s эх если бы не институт уже стал бы асом.

Это сообщение отредактировал(а) Vadd - 2.2.2006, 13:02

GIK

Дата 2.2.2006, 13:28 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Цитата

p.s эх если бы не институт уже стал бы асом.

По чаще заходи в vingrad и станеш асом smile

Добавлено @ 13:39

Цитата

в частности прошу разьяснить смысл
этого скриптика

Помоему этого мало. smile

для того чтобы дать логическое разъяснение этого кода

--------------------

Vadd

Дата 2.2.2006, 14:01 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

Цитата

Помоему этого мало. smile

для того чтобы дать логическое разъяснение этого кода

вот сам код но по моему он слишком большой для понимания

Код



<script language="javascript">

var strColumns_Current = "215,*";

function movenext()
  {
  top.deeptree.movenext();
  }

function moveprevious()
  {
  top.deeptree.moveprevious();
  }

function hidetoc()
  {
  strColumns_Current = top.mainframeset.cols
  
  top.mainframeset.cols = "1,*";
  top.contentbar.document.all("showtoc").style.display = "block";
  }

function showtoc()
  {
  top.mainframeset.cols = strColumns_Current;
  top.contentbar.document.all("showtoc").style.display = "none";
  }
  
function synctoc()
{
    top.location = top.location.pathname + "?url=" + top.content.location.pathname + top.content.location.search + top.content.location.hash;
}

function displaybutton()
  {
  document.all.showtoc.style.display = "block";
  }

function mouseover(item)
  {
  switch (item)
    {
    case "moveprevious" :
      window.status = "Move up to the previous node in the tree [SHIFT + TAB]";
      document.all.imgMovePrevious.src = "/library/shared/deeptree/graphics/moveprevious2.gif";
      break;

    case "movenext" :
      window.status = "Move down to the next node in the tree [TAB]";
      document.all.imgMoveNext.src = "/library/shared/deeptree/graphics/movenext2.gif";
      break;

    case "synctoc" :
      window.status = "Synchronize the tree with the current page";
      document.all.imgSyncToc.src = "/library/shared/deeptree/graphics/synctoc2.gif"
      break;

    case "hidetoc" :
      window.status = "Hide TOC";
      document.all.imgHideToc.src = "/library/shared/deeptree/graphics/hidetoc2.gif"
      break;
    }

  }

function mouseout(item)
  {
  switch (item)
    {
    case "moveprevious" :
      window.status = "";
      document.all.imgMovePrevious.src = "/library/shared/deeptree/graphics/moveprevious1.gif";
      break;

    case "movenext" :
      window.status = "";
      document.all.imgMoveNext.src = "/library/shared/deeptree/graphics/movenext1.gif";
      break;

    case "synctoc" :
      window.status = "";
      document.all.imgSyncToc.src = "/library/shared/deeptree/graphics/synctoc1.gif"
      break;

    case "hidetoc" :
      window.status = "";
      document.all.imgHideToc.src = "/library/shared/deeptree/graphics/hidetoc1.gif"
      break;
    }
  }

function selectstart()
  {
  window.event.cancelBubble = true;
  window.event.returnValue = false;
  return false;
  }

</script>

<html>

<head>
<META NAME="Robots" CONTENT="noindex">
  <title>Deeptree Controlbar</title>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END-->
</head>

<body onselectstart="selectstart();" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#CCCCCC">

  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="left">
        <table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="20" width="4"><img src="/library/shared/deeptree/graphics/1pix.gif" width="4"></td>
            <td height="20"><img id="imgMoveNext" style="cursor:hand" onmouseover="mouseover('movenext');" onmouseout="mouseout('movenext')" onclick="movenext();" title="Move down to the next node in the tree [TAB]" src="/library/shared/deeptree/graphics/movenext1.gif" border="0" /></td>
            <td height="20" width="2"><img src="/library/shared/deeptree/graphics/1pix.gif" width="2"></td>
            <td height="20"><img id="imgMovePrevious" style="cursor:hand" onmouseover="mouseover('moveprevious');" onmouseout="mouseout('moveprevious')" onclick="moveprevious();" title="Move up to the previous node in the tree [SHIFT + TAB]" src="/library/shared/deeptree/graphics/moveprevious1.gif" border="0" /></td>
            <td height="20" width="8"><img src="/library/shared/deeptree/graphics/1pix.gif" width="8"></td>
          </tr>
        </table>
      </td>
      <td align="right">
        <table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="20"><img id="imgSyncToc" style="cursor:hand" onclick="synctoc();" onmouseover="mouseover('synctoc');" onmouseout="mouseout('synctoc');" src="/library/shared/deeptree/graphics/synctoc1.gif" title="Synchronize the TOC with the current page" /></td>
            <td height="20" width="10"><img src="/library/shared/deeptree/graphics/1pix.gif" width="10" height="20"></td>
            <td height="20"><img id="imgHideToc" style="cursor:hand" onclick="hidetoc();" onmouseover="mouseover('hidetoc');" onmouseout="mouseout('hidetoc');" src="/library/shared/deeptree/graphics/hidetoc1.gif" title="Hide TOC" /></td>
            <td height="20" width="4"><img src="/library/shared/deeptree/graphics/1pix.gif" width="4" height="20"></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

</body>
</html>

Это сообщение отредактировал(а) Vadd - 2.2.2006, 14:04

12345c

Дата 2.2.2006, 14:39 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Цитата

top.mainframeset.cols = "1,*";
top.contentbar.document.all("showtoc").style.display = "block";

Это означает:
1) Закрываем левый фрейм, минимизируя его ширину в фрейме mainframeset. Перед этим на всякий случай сохранили ширины колонок в strColumns_Current .
2) в фрейме contentbar делаем видимой и разворачиваем таблицу содержания (Table of Content), имеющую id=showtoc

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Vadd

Дата 2.2.2006, 15:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

Цитата(12345c @ 2.2.2006, 14:39)

Цитата

top.mainframeset.cols = "1,*";
top.contentbar.document.all("showtoc").style.display = "block";

вот индексовая часть

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<frameset rows="2" cols="220,697" framespacing="2" frameborder="yes" border="2" bordercolor="#003399">
  <frame src="menu.htm" name="_left">
  <frame src="3_1.htm" name="right">
</frameset>
<noframes><body>
</body></noframes>
</html>

осталось всунуть

Код


function hidetoc()
  {
  strColumns_Current = top.mainframeset.cols
  
  top.mainframeset.cols = "1,*";
  top.contentbar.document.all("showtoc").style.display = "block";
  }

function showtoc()
  {
  top.mainframeset.cols = strColumns_Current;
  top.contentbar.document.all("showtoc").style.display = "none";
  }

вот это в <frame src="menu.htm" name="_left"> чтоб менюшка исчезала при нажатии например на такую кнопочку

12345c

Дата 2.2.2006, 16:19 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Код

<html><head>
<script>function hidetoc()
  {
  strColumns_Current = top.mainframeset.cols
  
  top.mainframeset.cols = "1,*";
  //top.contentbar.document.all("showtoc").style.display = "block";
  }

function showtoc()
  {
  top.mainframeset.cols = strColumns_Current;
  //top.contentbar.document.all("showtoc").style.display = "none";
  }</SCRIPT>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<frameset name=mainframeset rows="2" cols="220,697" framespacing="2" frameborder="yes" border="2" bordercolor="#003399">
  <frame src="menu.htm" name="_left">
  <frame src="javascript:document.write('<input type=button onclick=top.hidetoc() value=Hide>');document.write('<input type=button onclick=top.showtoc() value=Show>');document.close();"  name="right">
</frameset>
<noframes><body>
</body></noframes>
</html>

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Vadd

Дата 2.2.2006, 17:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 26.1.2006

Репутация: нет
Всего: нет

немножко изменил

Код


 <frame src="javascript:document.write('<input type=button onclick=top.hidetoc() value=Hide>');document.write('<input type=button onclick=top.showtoc() value=Show>');document.close();"  name="right">

сделал <frame src=3_1.htm name="right">

но кнопочка не появилась

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »