RQ: Джава поленце ако може

Smirnoff

Registered
Здравейте!

Значи докато си лежах ми хрумна идеята
да направя нещо новичко покрай мойто сайтче.
Обаче стигнах до извода, че ще ми трябва джаваскрипт.

Така вижте какво искам да направя :
169417_orig.jpg


Искам когато кликне някой с мишката,
да му излиза това сивичкото поленце и в него
да мога да добавям каквото искам аз да му изписва.


Благодаря предварително на всички отзовали се.
Аз нямам никакви познания покрай джаваскриптовете :?
 
Провери този код и кажи този ефект ли желаеш ->

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>New Document</title>
		<style type="text/css">
			form {
				position: relative;
			}
			#hint {
				display: none;
				position: absolute;
				width: 100px;
				background-color: red;
				z-index: 999;
			}
		</style>
		<script type="text/javascript">
			var value=new Array();
				value['edno']='text goes here 1';
				value['dve']='text goes here 2';
				value['tri']='text goes here 3';
 
			function Hint(sender,info) {
				var obj=document.getElementById('hint');
				if (info!=null) {
					obj.style.display='block';
					obj.style.top=sender.offsetTop+sender.offsetHeight+'px';
					obj.style.left=sender.offsetLeft+'px';
					obj.innerHTML=value[info];
				}
				else {
					obj.style.display='none';
				}
			}	
		</script>
	</head>
	<body>
		<form action="">
			<div id="hint"></div>
			<input type="text" onfocus="Hint(this,'edno')" onblur="Hint()"><br>
			<input type="text" onfocus="Hint(this,'dve')" onblur="Hint()"><br>
			<input type="text" onfocus="Hint(this,'tri')" onblur="Hint()">
		</form>
	</body>
</html>

----------------
Source : Кода не е писан от мен, а от 1 приятел и ми го дадаха преди малко ако има нещо нередно кажи, ще му пиша.
----------------
 
Хмм... пробвам да добавя PHP код да ми искарва IP-to На подтебителя като цъкне обаче нещо нестава :roll:


П.П **

Направих го :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>New Document</title>
<style type="text/css">
form {
position: relative;
}
#hint {
display: none;
position: absolute;
width: 100px;
background-color: red;
z-index: 999;
}
</style>
<script type="text/javascript">
var value=new Array();
value['edno']='<? echo ($_SERVER[REMOTE_ADDR]) ?>';
value['dve']='text goes here 2';
value['tri']='text goes here 3';

function Hint(sender,info) {
var obj=document.getElementById('hint');
if (info!=null) {
obj.style.display='block';
obj.style.top=sender.offsetTop+sender.offsetHeight+'px';
obj.style.left=sender.offsetLeft+'px';
obj.innerHTML=value[info];
}
else {
obj.style.display='none';
}
}
</script>
</head>
<body>
<form action="">
<div id="hint"></div>
<input type="text" onfocus="Hint(this,'edno')" onblur="Hint()"><br>
<input type="text" onfocus="Hint(this,'dve')" onblur="Hint()"><br>
<input type="text" onfocus="Hint(this,'tri')" onblur="Hint()">
</form>
</body>
</html>


Благодаря за скрипта на Pr0of :?:
 
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <title>New Document</title>
      <style type="text/css">
         form {
            position: relative;
         }
         #hint {
            display: none;
            position: absolute;
            width: 100px;
            background-color: red;
            z-index: 999;
         }
      </style>
      <script type="text/javascript">
         var value=new Array();
            value['edno']='<?php echo $_SERVER['REMOTE_ADDR']; ?>';
            value['dve']='text goes here 2';
            value['tri']='text goes here 3';
 
         function Hint(sender,info) {
            var obj=document.getElementById('hint');
            if (info!=null) {
               obj.style.display='block';
               obj.style.top=sender.offsetTop+sender.offsetHeight+'px';
               obj.style.left=sender.offsetLeft+'px';
               obj.innerHTML=value[info];
            }
            else {
               obj.style.display='none';
            }
         }   
      </script>
   </head>
   <body>
      <form action="">
         <div id="hint"></div>
         <input type="text" onfocus="Hint(this,'edno')" onblur="Hint()"><br><br>
         <input type="text" onfocus="Hint(this,'dve')" onblur="Hint()"><br><br>
         <input type="text" onfocus="Hint(this,'tri')" onblur="Hint()">
      </form>
   </body>
</html>

Ето така ще ти извади IP-to ;)
От скобите нямаше нужда, просто си забравил точка и запетая :)
 

Горе