javascript value from input

Question

<script type="text/javascript">
        function changeText2(){
            var userInput = document.getElementById('userInput').value;
            var lnk = document.getElementById('lnk');
            lnk.href = "https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/" + userInput;
            lnk.innerHTML = lnk.href;
        }
        </script>


    <a href="" id=lnk></a> <br>
    <input type='text' id='userInput' value='' /> <br>
    <input type='button' onclick='changeText2()' value='Go'/>

I found that code on some website , i want to display an img not the url... Im new in javascript

Do you know any line of JavaScript? Do you know how to access DOM elements? Do you know how to get attributes of those elements? Do you know how to set the visibility of elements? If you can answer this questions with yes you should be able to do it. — Zeta
– Zeta, Commented Apr 2, 2013 at 20:38
@user2062819: Never ever post your code in a comment. Edit your question instead. — Zeta
– Zeta, Commented Apr 2, 2013 at 20:39
That code works exactly like you want it to. Proof here, I made no edits, just copy and paste: jsfiddle.net/77SPz/1 What's the problem? You want to display an image? An image inside the link? — Alex Wayne
– Alex Wayne, Commented Apr 2, 2013 at 20:43

David Starkey · Accepted Answer · 2013-04-02 21:03:25Z

1

Something like this should work:

<a href="" id="fbLink" style="display:none;">
  <img src="YOUR_IMAGE_HERE.jpg"/>
</a>
<input type='text' id='userInput' value='' onchange="shLink()"/>
<script>
  function shLink(){
    if(document.getElementById("userInput").value!=""){
      if(document.getElementById("fbLink").style.display=="none"){
        document.getElementById("fbLink").style.display="";
        document.getElementById("fbLink").href="https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/"+document.getElementById("userInput").value;
      }
    }else{
      document.getElementById("fbLink").style.display="";
      document.getElementById("fbLink").href="";
    }
  }
<script>

The script will toggle the display of the link if there is a value entered into your input. It will be called when the input value is changed (onchange). Alternatively, you could use onkeypress to call the function whenever the user types something in your input.

edited Apr 2, 2013 at 21:03

answered Apr 2, 2013 at 20:43

David Starkey

1,8503 gold badges36 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user2062819 Over a year ago

That doesnt change the share link. if a user write " hello " i want the share url to be facebook.com/sharer/sharer.php?u=http://facebook.com/hello

user2062819 Over a year ago

Aha sorry hah! hmm , i dont get it to work :( ,it only displays " - " and its not clickable

user2062819 Over a year ago

yea i have dont that and my img displays but its not have any link to facebookshare?

user2062819 Over a year ago

Now it doesnt display my img at all "/ haha

David Starkey Over a year ago

It's been a long day apparently -_-

Collectives™ on Stack Overflow

javascript value from input

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related