Фишка на JS

Discussion in 'PHP' started by DVMade, 10 Feb 2011.

  1. DVMade

    DVMade Banned

    Joined:
    23 Jul 2010
    Messages:
    110
    Likes Received:
    3
    Reputations:
    0
    Привет всем. У меня такой вопрос. Я в JS нуб. Вообщем есть форма. Рядом с формой смайлы. Вот нужно при нажатии на смайлик, что бы в форму появилось значение "=)" к примеру. Не знаю как реализовать... помогите на примере(
     
  2. Чакэ

    Чакэ Elder - Старейшина

    Joined:
    15 Aug 2010
    Messages:
    260
    Likes Received:
    66
    Reputations:
    62
    HTML:
    <div id="smiles"></div>
    <form id="f"><textarea name="text"></textarea></form>
    <script>
    var s=['=)',';)',':)','Ъ_Ъ','(;,;)'];
    for(i in s) document.getElementById('smiles').innerHTML+='<img onclick="sm(\''+s[i]+'\')" src="'+s[i]+'" alt="'+s[i]+'">';
    function sm(sml){document.getElementById('f').text.innerHTML+=sml}
    </script>
    вот такой быдлокод накидал. не пинайте, я недавно только js начал осваивать.
     
  3. bjong

    bjong Elder - Старейшина

    Joined:
    26 Jul 2003
    Messages:
    41
    Likes Received:
    12
    Reputations:
    18
    HTML:
    <html> 
    <head> 
    <title>Test</title> 
    <script type="text/javascript"> 
    function insert_text(text) { 
    msgfield = (document.all) ? document.all.req_message : ((document.getElementById('afocus') != null) ? (document.getElementById('afocus').req_message) : (document.getElementsByName('req_message')[0]));
    msgfield.value += text;
    msgfield.focus();
    return false; }
    </script> 
    </head> 
    <body> 
    <form method ="post"> 
    <fieldset> 
    <legend>Смайлики</legend>
    <p>
    <a href="#" onclick="return insert_text(':)', '')"><img src="smile.gif"></a> 
    <a href="#" onclick="return insert_text(':(', '')"><img src="frown.gif"></a>
    </p> 
    <textarea name="req_message" rows="3" cols="50"></textarea> 
    <p><input type="submit" name="go" value=" Go " /></p>
    </fieldset>  
    </form> 
    </body> 
    </html>