javascript - Load webpage in div on mouse-over effect of link -


i developing website (using php, html , css). have page "news , events" contains list of urls. want on mouse-over on link, small miniature of corresponding website should loaded in div, user knows type of news link contains.

i have tried code on mouse-over images , videos, unable same webpage.

for image :

<a href="happy-birthday-1.gif" rel="enlargeimage" rev="targetdiv:loadarea,link:dynamicdrive.com">happy birthday</a><br /> <div id="loadarea" style="width: 600px"></div> 

for video :

 <a onclick="document.getelementbyid('dynloadarea').innerhtml='<iframe src=\'osmosis.mpg\' width=\'300\' height=\'300\' scrolling=\'auto\' frameborder=\'0\'></iframe>'"> osmosis</a> <div id="dynloadarea"></div> 

-thanks in advance !

use blockui examples here : http://jquery.malsup.com/block/#demos


Comments

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

c++ - Accessing inactive union member and undefined behavior? -

php - Get uncommon values from two or more arrays -