Най-овикновен прозорец с бутон за затваряне

[aquafresh]

Искам да направя най-обикновено прозорче с бутон за затваряне и нищо повече.
Че съм много..много куц в тъпия javascript.

 

[vaskoa]

<a href="javascript://" onclick="window.open ("http://www.javascript-coder.com","mywindow"); return false;">нов прозорец</a>

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

 

[aquafresh]

Не не.. искам някакъв див , който да се затваря и да изчезва докъто не се рефрешне страницата.

 

[Pr0oF]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>bla</title>
		<script type="text/javascript">
			function close_div()
			{
				var mydiv = document.getElementById('mydiv');
				
				mydiv.style.display = 'none';
			}
		</script>
		<style type="text/css">
			div#mydiv {
				width:200px; height:50px;
				border:1px solid #999;
				margin:5px;
			}
		</style>
	</head>
	<body>
		<form>
			<input type="button" value="Hide" onclick="javascript:close_div(); return false;"/>
		</form>
		<div id="mydiv"></div>
	</body>
</html>

 

[aquafresh]

А така само ако и бутончето се скрива ще стане супер..

 

[lam3r4370]

http://jqueryui.com

 

[Pr0oF]

Добави id на бутона и по същия метод скрий и него при натискане.

 

[aquafresh]

Добави id на бутона и по същия метод скрий и него при натискане.

Е аз както го направих се скрива само бутона сега..
Казах ви от тая простотия нищо не разбирам

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>bla</title>
      <form>
         <input type="button" value="Hide" onclick="javascript:close_div(); return false;" id="button"/>
      </form>
      <script type="text/javascript">
         function close_div()
         {
            var mydiv = document.getElementById('mydiv');
            
            mydiv.style.display = 'none';
         }
         function close_div()
         {
            var button = document.getElementById('button');
            
            button.style.display = 'none';
         }
      </script>
      <style type="text/css">
         div#mydiv {
            width:200px; height:50px;
            border:1px solid #999;
            margin:5px;
         }
	       div#button {
            width:200px; height:50px;
            border:1px solid #999;
            margin:5px;
         }
      </style>
   </head>
   <body>
      <div id="mydiv"></div>
   </body>
</html>

 

[stoqnski]

http://www.roseindia.net/ajax/jquery/jqrycollapse.html - demo

Кода: http://www.roseindia.net/ajax/jquery/toggleDiv.shtml

Доста лесно се модва откъм дизайн .

ето още 1 : http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm направо с кода има и демо .

 

[aquafresh]

Ама такива анинациики не ща. И такова бутонче дето се клика за да се отвори. Искам най обикновен див с нещо като линкче , което да го затваря, за да изкарам в един най-прост чат информация.
Като се напише - /help и да излиза това прозорче и да може да се затвори..

 

[Pr0oF]

Пре-дефинирал си функцииката, там ти е грешката.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>bla</title>
      <script type="text/javascript">
         function close_div()
         {
            var mydiv = document.getElementById('mydiv');
			var method = document.getElementById('mymethod');
            
            mydiv.style.display = 'none';
			method.style.display = 'none';
         }
      </script>
      <style type="text/css">
         div#mydiv {
            width:200px; height:50px;
            border:1px solid #999;
            margin:5px;
         }
      </style>
   </head>
   <body>
      <form>
         <input type="button" value="Hide" id="mymethod" onclick="javascript:close_div(); return false;"/>
      </form>
      <div id="mydiv"></div>
   </body>
</html>

Можеш да замениш бутона с линк, просто добавяш id и Onclick Свойството.

 

[aquafresh]

мерси, + :?: