show pictures on mouseover

[underscore]

hello guys!

i have design a program room reservation. in my page i want the customer when he/she point the mouse to the ROOM1, ROOM2 etc... i want thus picture in ROOM1/ROOM2 will show. if i leave the mouse 8 will also hide the picture automatically.... can u share me a code in this probs?


thnx people for you kind...

[pbmods]

Heya, Underscore.

You posted this in the Articles section. I'll go ahead and move it to the Forum where an Expert will be more likely to find it.

This sounds like a job for JavaScript. I'm going to go ahead and move this thread to the JavaScript forum, where our resident Experts will be better able to help you out.

[dmjpro]

hello guys!

i have design a program room reservation. in my page i want the customer when he/she point the mouse to the ROOM1, ROOM2 etc... i want thus picture in ROOM1/ROOM2 will show. if i leave the mouse 8 will also hide the picture automatically.... can u share me a code in this probs?


thnx people for you kind...

Good Idea.
I would like to remind one thing that please don't use code words here.
This is a forum not a Chat Room.
Anyway come to your problem.
You try this code it may help you.

<input type=button name = room1 value = "ROOM1" onmouseover = "showPic(this.name)" onmouseout = "hidePic()">
<input type=button name = room2 value = "ROOM2" onmouseover = "showPic(this.name)" onmouseout = "hidePic()">
<!--I assumed your ROOM1 and ROOM2 as button-->
 

var pic=null;
function showPic(name)
{
//I assumed that the picture is the same as the name of Element.
pic= document.createElement('<DIV>');
pic.innerHTML="<img src='"+name+".jpg' style = 'width:180px;height:200px'>"
pic.style.position = 'absolute';
var ref = document.getElementsByName(name);
pic.style.left = (ref[0].offsetLeft + ref[0].offsetWidth) + "px";
pic.style.top = (ref[0].offsetTop + ref[0].offsetHeight) + "px";
document.body.appendChild(pic);
}
function hidePic()
{
if(pic!=null)
{
pic.parentNode.removeChild(pic);
pic=null;
}
}
 

I think it will work.
If there is problem then come here experts are here to solve your problem.

Kind regards,
Dmjpro.

[underscore]

thnx for reply..

can we apply this to php?

[dmjpro]

thnx for reply..

can we apply this to php?

This code What I mentioned here this is totally Client Side Based.
No matter which Server-Side Technology you use.
Ok.
Anyway Best of luck with your try.

Kind regards,
Dmjpro.

[pbmods]

Heya, Underscore.

PHP doesn't work that way. PHP operates purely on the server; it puts together the HTML that gets sent to the browser.

Once the browser gets the HTML, though, the request is closed, and as far as PHP is concerned, the browser doesn't exist.

To allow the User to interact with your page, you have to use JavaScript. You can use PHP to output that JavaScript, but you still need to use JavaScript.