Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: window.open()
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » window.open()

Страниц (1): [1]
 

1. plasticman - 13 Июля, 2007 - 21:53:05 - перейти к сообщению
На сайте есть страничка с портфолио, содержащая эскизы - кнопки. При клике на эти кнопки открывается новое окно,
содержащее большую фотографию.
Если использовать такой скрипт:

PHP:
скопировать код в буфер обмена
  1. <HTML>
  2.   <HEAD>
  3.     <title></title>
  4.   </HEAD>
  5.     <BODY>
  6.  
  7.     <script language="JavaScript">
  8.       myWin=open('brunotti.jpg', 'example','scrollbars,resizable,');
  9.    </script>
  10.  
  11.  
  12.    </BODY>
  13. </HTML>
  14.  


то открывается два окна, одно с фотографией, второе - пустое.

Вопрос: как открыть фотку в этом же html- документе, а не в новом окне ?
2. valenok - 13 Июля, 2007 - 22:58:42 - перейти к сообщению
document.getElementById('body').innerHTML = "< img src='' />";

(Добавление)
PHP:
скопировать код в буфер обмена
  1.  
  2. < Script >
  3. var restore;
  4. function enlarge(it){
  5.  restore = document.getElementById('body').innerHTML;
  6.  document.getElementById('body').innerHTML = "< img src='"+ it.src +"' width='90%' height='90%' onclick='restore()' />";
  7. }
  8.  
  9. function restore() {
  10.  document.getElementById('body').innerHTML = restore ;
  11. }
  12. </script>
  13.  
  14. < img src='abc.gif' width='100' height='100' onclick='enlarge(this)'>
  15.  
3. plasticman - 14 Июля, 2007 - 00:33:33 - перейти к сообщению
Можно пару пояснений о том как и куда это добавить ?
Я так понял, что имелось в виду вот это:

PHP:
скопировать код в буфер обмена
  1. HTML>
  2.   <HEAD>
  3.     <title>Window simple example</title>
  4.  
  5.      <script language="JavaScript">
  6.  
  7.  var restore;
  8.  function enalrge(it){
  9.   restore = document.getElementById('body').innerHTML;
  10.   document.getElementById('body').innerHTML = "< img src=''"+ it.src +"' width='90%' height='90%' onclick='restore()' />";
  11.  }
  12.  
  13.  function restore() {
  14.   document.getElementById('body').innerHTML = restore ;
  15.  }
  16.   </script>
  17.  
  18.  
  19.  </HEAD>
  20.     <BODY>
  21.  
  22.  < img src='1.jpg' width='100' height='100' onclick='enlarge(this)'>
  23.  
  24.  
  25.      </BODY>
  26. </HTML>
  27.  



На это браузер выдает такое:

PHP:
скопировать код в буфер обмена
  1. < img src='brunotti.jpg' width='100' height='100' onclick='enlarge(this)'>



4. valenok - 14 Июля, 2007 - 00:53:55 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1.  
  2. < script type="text/javascript" language="JavaScript" >
  3.  
  4. var restore;
  5.  
  6. function recover() {
  7.  document.getElementById('body').innerHTML = restore ;
  8.  return true;
  9. }
  10.  
  11. function enlarge(it){
  12.  restore = document.getElementById('body').innerHTML;
  13.  document.getElementById('body').innerHTML = "<img src='"+ it.src +"' width='90%' height='90%' onclick='recover()' />";
  14.  return true;
  15. }
  16.  
  17. </script>
  18.  
  19.  
  20. <body id='body'>
  21. < !-- Сюда все картинки по примеру ниже -->
  22. <img src='abc.png' width='100' height='100' onclick='enlarge(this)' /><img src='cde.gif' width='100' height='100' onclick='enlarge(this)' /><img src='efg.jpg' width='100' height='100' onclick='enlarge(this)' /><img src='ghi.bmp' width='100' height='100' onclick='enlarge(this)' />
  23. </body>
  24.  
  25.  


Внимание! Перед тегами script и комметариев поставлены пробелы воизбежании изменения кода форумом.
5. plasticman - 14 Июля, 2007 - 01:29:33 - перейти к сообщению
Пасибо, все работает.
Но изначально стояла задача : при клике на кнопку-фотку появляется окно с большой фотографией, причем это окно браузера не содержит никакой панели инструментов, а просто фотку.
6. valenok - 14 Июля, 2007 - 01:57:21 - перейти к сообщению
Цитата:
Вопрос: как открыть фотку в этом же html- документе, а не в новом окне ?

Давайте заранее решать что нужно

PHP:
скопировать код в буфер обмена
  1.  < script type="text/javascript" language="JavaScript" >
  2.  
  3.  var restore;
  4.  
  5.  function recover() {  
  6.   // document.getElementById('body').innerHTML = restore ;
  7.   return true;
  8.  }
  9.  
  10.  function enlarge(it){
  11.  
  12.   window.open(it.src,"image");
  13.   return true;
  14.  }
  15.  
  16.  </script>
  17.  
  18.  
  19.  <body id='body'>
  20.  < !-- Сюда все картинки по примеру ниже -->
  21.  <img src='abc.png' width='100' height='100' onclick='enlarge(this)' /><br />
  22.  <img src='cde.gif' width='100' height='100' onclick='enlarge(this)' /><br />
  23.  <img src='efg.jpg' width='100' height='100' onclick='enlarge(this)' /><br />
  24.  <img src='ghi.bmp' width='100' height='100' onclick='enlarge(this)' /><br />
  25.  
  26.  </body>
7. plasticman - 14 Июля, 2007 - 03:13:00 - перейти к сообщению
получается так (изобр 1)



\n\n(Добавление)
а нужно так(изобр. 2)

подскажи плз.
8. plasticman - 14 Июля, 2007 - 08:11:00 - перейти к сообщению
получается что в окне браузера есть кнопка "файл", "Правка", "Вид" и т.д. ,
а надо, что бы ничего, кроме картинки небыло.
Подскажи плз.
9. valenok - 14 Июля, 2007 - 12:46:22 - перейти к сообщению
enlarge() замени
window.open(it.src,"image","width=300,height=250,toolbar=no");

 

Powered by ExBB FM 1.0 RC1