PDA

View Full Version : help picture next to mouse.



Laimonas171
06-11-2010, 02:37 PM
First of all hi to everybody,

Ok, I Want to ask how I can do that then I do MouseOver on object (this way maybe picture or link) it will slide, popup the picture next to cursor, sth like at Zybez like mouseover on Items.

any ideas?

Laimonas171
06-11-2010, 02:48 PM
I thought that only place you can draw on is SMART's canvas or into a debug window? AFAIK, you couldn't do this, but I may be wrong.

This is Web development, i need js, or sth like that. :)

~~~~

never mind already found that.

nielsie95
06-11-2010, 08:13 PM
Not sure what you mean. Something like one of these (http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/)?

Scaper
06-15-2010, 12:56 AM
something like this but shows the image

http://www.javafile.com/mouseover/linkdesc/linkdesc.php

just take alook around here I amsure you will find what you are looking for
it is javascript you wannt


<html>
<head>
<title>Image Pop Up On Option Change </title>
&lt;script type="text/javascript">
function showpic(o) {
o = parseInt(o);
switch (o)
{
case 1:
imgName='del.gif';break;
case 2:
imgName='doc2.gif';break;
case 3:
imgName='docempty.gif';break;
case 4:
imgName='docurl.gif';break;
case 5:
imgName='new.gif';break;
}
var DivImage = document.getElementById('DivImg');
var DisplayImg = document.getElementById('IdImg');
DisplayImg.src=imgName;
DivImage.style.visibility="visible";
}
</script>
</head>
<body>
<form name="form2" method="post" action="race.php?action=race">
<table border="1"><td>Who do you wanna race?</td></table>
<select size=5 name="bike" onchange="showpic(this.options[this.selectedIndex].value)">
<option value="1" >Derbi Senda 50</option>
<option value="2">Honda NS 50 R</option>
<option value="3" >Suzuki ZR 50</option>
<option value="4">Yamaha DT 50 MX</option>
<option value="5">Aprilia RS 50</option>
</select>-<a href="java script:launchClasses()">?</a>
<input type=submit value=Register>
<div id="DivImg" style="position:relative;top:-50px;left:150px;z-index:20;width:25px;height:25px;visibility:hidden; text-align:center;"><img id="IdImg"></div>
</td>
</tr>
</form>
</body>
</html>

or this tutorial out of the link nielsieposted

http://www.javascriptkit.com/script/script2/htmltooltip.shtml