hide/show afbeelding aan de hand van input
Code (php)
1
2
3
4
5
2
3
4
5
<input type="text" id="product_image" name="product_image" value="{product_image}" size="30" />
<img onmouseover="document.getElementById('viewImage').src=document.getElementById('product_image').value; document.body.style.cursor = 'pointer';" onmouseout="document.body.style.cursor = '';" src="images/view.gif" alt="View Image" />
<div id="viewImage" class="admin_imageViewer">
<img src="javascript:document.getElementById('product_image')" alt="{image}" />
</div>
<img onmouseover="document.getElementById('viewImage').src=document.getElementById('product_image').value; document.body.style.cursor = 'pointer';" onmouseout="document.body.style.cursor = '';" src="images/view.gif" alt="View Image" />
<div id="viewImage" class="admin_imageViewer">
<img src="javascript:document.getElementById('product_image')" alt="{image}" />
</div>
Ik probeer aan de hand van een show/hide divje de afbeelding te tonen die ik plaats in het invoerveld.
Volgens mij ben ik niet heel verkeerd bezig zo maar ik krijg bij de onmouseover geen afbeelding te zien...
Iemand die mij iets verder op weg kan helpen?
Graag in het vervolg bij code, [code] [/code] tags gebruiken.
[/modedit] hehe sorry! :P
Gewijzigd op 26/12/2010 17:02:14 door Erik Rijk
