Note that there are some explanatory texts on larger screens.

plurals
  1. POLoading Corresponding HTML page of the image
    primarykey
    data
    text
    <p>I have the set of images in the drop down list when I select an image from it the corresponding image is getting loaded.</p> <p>My problem is if I click over the image it has to take me to the corresponding HTML page of the image. I am performing it in jQuery. I have represented the code below and you can also refer this link <a href="http://www.olivepropertyglobalsolutions.com/" rel="nofollow">http://www.olivepropertyglobalsolutions.com/</a></p> <p>HTML:</p> <pre><code>&lt;div class = "right"&gt; &lt;h4 class = "heading"&gt; Browse Listings &lt;/h4&gt; &lt;select style = "margin-top: 55px; margin-left: 18px;" name="image" id="image1" class="inputbox" size="1"&gt; &lt;option value=""&gt; - Select - &lt;/option&gt; &lt;option value="thumbs/3.jpg" &gt;Farm Lands&lt;/option&gt; &lt;option value="thumbs/1.jpg" alt = "flat.html"&gt;Flats&lt;/option&gt; &lt;option value="thumbs/2.jpg" alt = "house.html"&gt;Houses&lt;/option&gt; &lt;option value="thumbs/4.jpg" alt = "vacant.html"&gt;Vacant Lands&lt;/option&gt; &lt;option value="thumbs/5.jpg" alt = "villa.html"&gt;Villas&lt;/option&gt; &lt;/select&gt; &lt;div style = "margin-left: 14px;"&gt; &lt;a id="imagePreview" href = ""&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>JQUERY:</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function() { $("#image1").change(function() { $("#imagePreview").empty(); if ( $("#image1").val()!="" ) { $("#imagePreview").append("&lt;img src=\"" + $("#image1").val() + "\" /&gt;"); } else { $("#imagePreview").append(""); } }); }); &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload