Databases
StackOverflow2013
Postsdbo
POChanging Img Src based on value entered in a Textfield
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging Img Src based on value entered in a Textfield
    text
    copied!<p>I need help creating a form with the following</p> <ol> <li><strong>TEXTFIELD</strong>(will be used to enter 7digit model numbers)</li> <li><p>An image placeholder (will change the image placeholder's src based on a url for example it will become src="http://yourwebsite.com/product/<strong>TEXTFIELD</strong>.jpg)</p></li> <li><p>I need to somehow get the the H1 tag values from within the product's url</p></li> </ol> <p><strong>#3 IS STILL UNSOLVED !</strong></p> <p>I'm <strong>REALLY desperate</strong> for any type of help. I've googled the entire day REALLY need assistance. Thank You ! </p> <p>I have some code below that helps visualize what I'm kinda looking for. Please contact me if you need clarification or if I'm a bit confusing.</p> <pre><code>&lt;form name="form1" method="post" action=""&gt; &lt;p&gt;7-digit product# &lt;input type="text" name="model" id="model"&gt; &lt;/p&gt; &lt;p&gt; &lt;input name="start" type="hidden" id="start" value="http://www.mywebsite.com/Products/"&gt; &lt;/p&gt; &lt;p&gt; &lt;input name="end" type="hidden" id="end" value=".jpg"&gt; &lt;/p&gt; &lt;p&gt;&lt;img name="proudctimage" src="=#start#model#end" width="32" height="32" alt=""&gt;&lt;/p&gt; &lt;/form&gt; &lt;script&gt; var model_input = document.getElementById('model'); var start = document.getElementById('start'); var end = document.getElementById('end'); var image = document.getElementsByTagName('img'); model_input.onkeyup = function(e){ image[0].src = start.value + model_input.value + end.value; } &lt;/script&gt; </code></pre> <hr> <p>~EDITED 9:00AM 5/29/12~</p> <hr> <ol> <li>The Values entered in the textfield gets deleted if you hit enter</li> <li>I need a way to grab a product's description stored in a H1 tag using the respective URL (The URL is the model number of what is entered in the textfield but uses a slightly different url structure that is different than the one used to grab images , see below ... <a href="http://mywebsite.com/ProductDetails.aspx?productid=" rel="nofollow">http://mywebsite.com/ProductDetails.aspx?productid=</a><strong>TEXTFIELD</strong>) ***I Should make note that the URL used to get the H1 data will be a "cross domain" &amp; not necessarily on the some domain. I read that jquery may not make requests on cross domains</li> </ol>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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