DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)
-   JavaScript / DHTML / AJAX (http://www.daniweb.com/forums/forum117.html)
-   -   Writing To div. Why wont this work? (http://www.daniweb.com/forums/thread120936.html)

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