 | |
| Inny | Apr 25th, 2008 4:33 am | |
| Writing To div. Why wont this work?
<body onload=function(){document.getElementById("place_holder").src =document.getElementById("imgurl").value;} >
<script>
function ResizeThem() {
maxheight=250;
maxwidth= 250;
imgs=document.getElementsByTagName("img");
for (p=0; p<imgs.length; p++) {
if (imgs[p].getAttribute("alt")=="user posted image") {
w=parseInt(imgs[p].width);
h=parseInt(imgs[p].height);
if (parseInt(imgs[p].width)>maxwidth) {
imgs[p].style.cursor="pointer";
imgs[p].setAttribute('alt','Reduced Image - Click to see full size');
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()");
imgs[p].height=(maxwidth/imgs[p].width)*imgs[p].height;
imgs[p].width=maxwidth;
}
if (parseInt(imgs[p].height)>maxheight) {
imgs[p].style.cursor="pointer";
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()");
imgs[p].width=(maxheight/imgs[p].height)*imgs[p].width;
imgs[p].height=maxheight;
}
}
}
}
ResizeThem();
</script>
<input type="hidden" id="imgurl">
<div id="Viewer" visibility="hidden" width="500" height="500" overflow="auto" >
<script type="text/javascript">window.onload = function(){document.getElementById("place_holder").src = window.opener.document.getElementById("imgurl").value;}
</script>
<center><img src="http://i14.photobucket.com/albums/a345/Instar/please_do_not_hotlink.gif" id="place_holder"></center>
<align="right"><form method="post">
<input type="text" value="Close Window X"
onclick="window.close()">
</form></align>
</div>
css
#viewer
{background-image:url(http://i14.photobucket.com/albums/a345/Instar/greenbgfade17oi.jpg);}
|
| ShawnCplus | Apr 25th, 2008 10:15 am | |
| Re: Writing To div. Why wont this work? OK, exactly what part isn't working. Please describe your problem |
| Inny | Apr 25th, 2008 10:23 am | |
| Re: Writing To div. Why wont this work? I want the full size image to display in the div above the page.
ths part dosent work it just stops the code functioning. when the user clicks the reduced pic the floating div should display the full size image
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()"); |
| Inny | Apr 26th, 2008 8:39 am | |
| Re: Writing To div. Why wont this work? Solved it myself! |
| peter_budo | Apr 26th, 2008 2:37 pm | |
| Re: Writing To div. Why wont this work? Please share solution, it may help somebody... |
| Inny | Apr 26th, 2008 8:29 pm | |
| Re: Writing To div. Why wont this work? What? daniweb actually Help some poor bastard? yeah right! did you read the frustrating pointless 'Help' offered in this thread peter?
see reply this thread!
http://www.daniweb.com/forums/newpos...ead119207.html
Theres an Email function!
If somebody emails me who really wants to know, Id be happy to share, but im hardly feeling overwhelmed with gratitude
right now if you get my drift. |
| All times are GMT -4. The time now is 7:54 am. | |
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC