Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Всплывающее окно
 
 автор: Felix   (07.12.2004 в 20:31)   письмо автору
 
 

Как сделать всплывающее окнонужных мне размеров, чтобы всплывало при нажатии на кнопку типа "Button" ?

   
 
 автор: glsv (Дизайнер)   (07.12.2004 в 22:21)   письмо автору
 
   для: Felix   (07.12.2004 в 20:31)
 

Это делается с помощью JavaScript
Например, вот так:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<script language='javascript'>    
function openpage()
{
    window.open('index.php','','Width=200, Height=200, Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0,left=50, top=50', true);
}    
</script>
</head>
<body>
<input type="button" value="Открыть" onclick="openpage(); return false">
</body>
</html>


В функции открытия окна window.open()
Параметы 'Width=200, Height=200 определяют размеры всплывающего окна.

   
 
 автор: Felix   (08.12.2004 в 18:23)   письмо автору
 
   для: glsv (Дизайнер)   (07.12.2004 в 22:21)
 

Спасибо за подсказку.

У меня еще вопрос.
Есть например такой вот элемент формы:

<SELECT size=1>
<OPTION selected value=1>&#194;&#251;&#225;&#229;&#240;&#232;&#242;&#229;:</OPTION>
<OPTION value=2> &#207;&#229;&#240;&#226;&#251;&#233;</OPTION>
<OPTION value=3> &#194;&#242;&#238;&#240;&#238;&#233;</OPTION>
<OPTION value=4>&#210;&#240;&#229;&#242;&#232;&#233;</OPTION>
<OPTION value=5> &#215;&#229;&#242;&#226;&#229;&#240;&#242;&#251;&#233;</OPTION>
</SELECT>

После выбора элемента нажимаете далее кнопку отправки данных и соответствующие переменные передаются в определенный скрипт.(Вроде все просто )

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

Если такое возможно на РНР то лучше на нем а если нет то как вообще возможно?

   
 
 автор: glsv (Дизайнер)   (08.12.2004 в 23:03)   письмо автору
 
   для: Felix   (08.12.2004 в 18:23)
 

>чтобы при выборе определенного элемента сразу же происходил переход на страницу соответствующую выбранного элемента

Не очень понял. Что за страница выбранного элемента? В зависимости от выбранного элемента должны открываться разные страницы?
Тогда примерно такое будет решение:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<script language='javascript1.3'>
  function send(par)
  {
    switch (par)
    {
     case "1" :
      window.location.replace("page1.php")
      break;
     case "2" :
      window.location.replace("page2.php")     
      break;
     case "3" :
      window.location.replace("page3.php")     
      break;
    }      
  }    
</script>
</head>
<body>
<SELECT size=1 onChange="send(this.value)"> 
  <OPTION selected value=1 >&Acirc;&ucirc;&aacute;&aring;&eth;&egrave;&ograve;&aring;:</OPTION> 
  <OPTION value="2" > &Iuml;&aring;&eth;&acirc;&ucirc;&eacute;</OPTION> 
  <OPTION value=3 > &Acirc;&ograve;&icirc;&eth;&icirc;&eacute;</OPTION> 
  <OPTION value=4 >&Ograve;&eth;&aring;&ograve;&egrave;&eacute;</OPTION> 
  <OPTION value=5 > &times;&aring;&ograve;&acirc;&aring;&eth;&ograve;&ucirc;&eacute;</OPTION> 
</SELECT>
</body>
</html>


Это решение на JavaScript. По событию выбора элемента onChange() происходит вызов функции send(this.value) с передачей текущего значения выбранного элемента. И в зависимости от значения выбранного элемента происходит переадресация на нужную страницу window.location.replace("page1.php")

   
 
 автор: Crux   (09.12.2004 в 06:19)   письмо автору
 
   для: glsv (Дизайнер)   (08.12.2004 в 23:03)
 

можно немного упростить, если в value сразу записывать имена страниц


<html>
<head>
<script language="JavaScript">
<!--
function MenuPage(targ,selObj){ 
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
}
//-->
</script>
</head>

<body>
<form name="form1">
  <select name="menu1" onChange="MenuPage('parent',this)">
    <option value="page1.html" selected>list1</option>
    <option value="page2.html">list2</option>
    <option value="page3.html">list3</option>
  </select>
</form>
</body>
</html>


переменная targ может принемать значения parent, self, blank, top которые отвечают за то в каком окне (фрейме) откроется страница. ))

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования