Кнопка при нажатии меняет текст более одного раза?

Поэтому я сделал эту кнопку и изменил текст описания с

 {description}

на "Нет..." при нажатии. Вот что я сделал:

<!-- 
 function changeText(txt){
document.getElementById('name').innerHTML = txt;
 }

 // -->
 </script>
 <p> <b id='name'>{description}</b>. </p>
 <input type='image' onclick='changeText("No...")' src='http://i.imgur.com/4y6bzH9.png'
 style="margin-left:540px; margin-bottom:20px; position:absolute; outline:none;"/>
 <br /><br />
 <!--v comp-->
 <!-- 



 /*<body> </html>

Я попытался изменить текст описания еще раз, нажав еще раз на ту же кнопку, поэтому я попытался добавить еще один onClick, чтобы текст описания изменился на «Другой текст» при следующем нажатии кнопки.

<!-- 
 function changeText(txt){
document.getElementById('name').innerHTML = txt;
 }

 // -->
 </script>
 <p> <b id='name'>{description}</b>. </p>
 <input type='image' onclick='changeText("No...")';
  onclick='changeText("Another text")';src='http://i.imgur.com/4y6bzH9.png'
 style="margin-left:540px; margin-bottom:20px; position:absolute; outline:none;"/>
 <br /><br />
 <!--v comp-->
 <!-- 



 /*<body> </html>

Я проверил это, и это не сработало. Пожалуйста, кто-нибудь знает, что я сделал не так? Мне также было интересно, есть ли способ заставить текст иметь эффект набора текста, если это возможно?


javascript button jquery onclick typing
person sha    schedule 06.05.2014    source источник
comment
Пожалуйста, дайте отзыв об ответе ниже. Это работает?   -  person Patrick Geyer    schedule 06.05.2014
comment
@PatrickGeyer Куда ты спешишь?   -  person nicael    schedule 06.05.2014
comment
@nicael Нигде ... Мне просто не нравится, когда требуется время, чтобы получить ответ на вопрос, который легко найти в Интернете. В некоторых случаях это просто показывает отсутствие усилий.   -  person Patrick Geyer    schedule 06.05.2014
comment
извините за поздний ответ, я был в отъезде. это не сработало, я уже погуглил, и большинство из них - это изменение текста кнопки при нажатии или более одного события при одном нажатии. но большое спасибо за помощь!! :D   -  person sha    schedule 06.05.2014

Ответы (2)


arrow_upward
0
arrow_downward

Вы не можете сделать это так, потому что последний обратный вызов onclick переопределит предыдущий.

Вы должны улучшить свой javascript => http://jsbin.com/zeyogufo/3/edit

person Frédéric GRATI    schedule 06.05.2014
comment
похоже, это может сработать, но могу ли я поставить код JavaScript после ‹/style› и перед ‹/head› на tumblr? - person sha; 06.05.2014
comment
найдите ‹/body› и вставьте код JavaScript непосредственно перед тегом. (Не забудьте добавить коды ‹script type="text/JavaScript› и ‹/script› между кодом JS.) ;) - person Frédéric GRATI; 06.05.2014
comment
сделано, но это не меняет текст. я попробовал это здесь, на /yosougay.tumblr.com (пожалуйста, не обращайте внимания на название, это ссылка на персону 4, если ты это знаешь) - person sha; 06.05.2014
comment
Вы не можете использовать такой jquery на tumblr stackoverflow.com/questions/18576419/;) - person Frédéric GRATI; 06.05.2014
comment
Пожалуйста, Фредерик, всегда публикуйте свой код здесь, Jsbin подходит для демонстрационных целей, но ответы должны быть автономными. Спасибо! - person brasofilo; 07.05.2014

arrow_upward
0
arrow_downward

То, что вы сейчас делаете, перезаписывает предыдущее событие по клику. Попробуй это:

    function changeText(txt){
        document.getElementById('name').innerHTML = txt;
        document.getElementById('name').onclick = function(){
           changeTxt('Another text...');
        };
   }
person Patrick Geyer    schedule 06.05.2014