Jump to content

Помогите пожалуйста с JS кодом


Recommended Posts

Хочу сделать показ/срытие (замена друг друга) двух элементов, а то есть кнопку отправки личного сообщения в диалоге (сделать как у вк), когда нету в textarea текста вместо кнопки отправить стоит кнопка записать голосовое сообщение, а если в textarea есть (или появляется текст) то данная кнопка меняется и т д..
имеется такой код:

<script>
var textarea = document.getElementById('msg_text');
var span1 = document.getElementById('golosim');
textarea.addEventListener('keypress', function() {
span1.style.display = "none";
});
var textarea = document.getElementById('msg_text');
var span = document.getElementById('sending');
textarea.addEventListener('keypress', function() {
span.style.display = "block";
});
</script>

<textarea class="videos_input wysiwyg_inpt fl_l im_msg_texta" onkeypress="showdiv()" id="msg_text" placeholder="{translate=lang_369}"></textarea>
<span1 class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span1>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>

 

и как бы все работает, но когда поле очищаешь то замена обратно не происходит, весь инет обкопал что нужно в js вставить, так и не нашел, может вы знаете???

PS: выше скрипт тестовый (строго не судите) =))

Link to comment
Share on other sites

4 минуты назад, Disy сказал:

 

 

1 час назад, Mario сказал:

Убери это всё.

$('#msg_text').change(function(r){

if($(r).val()){

$('#sending').show();

$('#golosim').hide();

} else {

$('#sending').hide();

$('#golosim').show();

}

});

 

<script>
$('#msg_text').change(function(r){
if($(r).val()){
$('#sending').show();
$('#golosim').hide();
} else {
$('#sending').hide();
$('#golosim').show();
}
});
</script>

<span class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>
  

Сделал так и не работает..(

Edited by Disy
Link to comment
Share on other sites

7 минут назад, Disy сказал:

 

<script>
$('#msg_text').change(function(r){
if($(r).val()){
$('#sending').show();
$('#golosim').hide();
} else {
$('#sending').hide();
$('#golosim').show();
}
});
</script>

<span class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>
  

Сделал так и не работает..(

Оберни что бы оно при полной загрузке страницы включалось.

$(function(){
$('#msg_text').change(function(r){

if($(r).val()){

$('#sending').show();

$('#golosim').hide();

} else {

$('#sending').hide();

$('#golosim').show();

}

});
});

 

Link to comment
Share on other sites

2 минуты назад, Mario сказал:

Оберни что бы оно при полной загрузке страницы включалось.

$(function(){
$('#msg_text').change(function(r){

if($(r).val()){

$('#sending').show();

$('#golosim').hide();

} else {

$('#sending').hide();

$('#golosim').show();

}

});
});

 

скрипт обернул и все равно не меняется, может тут ошибся где нибудь:
<span class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>
  

Link to comment
Share on other sites

26 минут назад, Disy сказал:

скрипт обернул и все равно не меняется, может тут ошибся где нибудь:
<span class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>
  

Нет, может какие-то ошибки в жс есть и оно стопорит торможение этого 

Link to comment
Share on other sites

8 минут назад, Mario сказал:

Нет, может какие-то ошибки в жс есть и оно стопорит торможение этого 

Специально отключил все скрипты и оставил этот единственный, все же не пашет..

Link to comment
Share on other sites

2 минуты назад, Mario сказал:

Скрипт не подключен на страницу сообщений, да и ошибки функций есть (других)

я этот скрипт не в profile засунул а просто в теги <script></script> на странице той, а ошибки другие они не значительные и не влияют, может все же надо в profile подключить его???

Link to comment
Share on other sites

21 минуту назад, Disy сказал:

я этот скрипт не в profile засунул а просто в теги <script></script> на странице той, а ошибки другие они не значительные и не влияют, может все же надо в profile подключить его???

Его нет ни в profile.js (и не надо), ни в странице сообщений

Link to comment
Share on other sites

42 минуты назад, Mario сказал:

Его нет ни в profile.js (и не надо), ни в странице сообщений

Вот щас вытащил, в коде скрипт есть но все равно не ошибку не выдает и не грузит..

Link to comment
Share on other sites

5 часов назад, Disy сказал:

Вот щас вытащил, в коде скрипт есть но все равно не ошибку не выдает и не грузит..

$('#msg_text').bind('input',function(){
if($(this).val()){
$('#sending').show();
$('#golosim').hide();
} else {
$('#sending').hide();
$('#golosim').show();
}
});

 

Link to comment
Share on other sites

Кто может все же подсказать как правильно сделать?
Вот такой код имеется, но и с ним не работает:

 

</script>
$(function(){

$('#msg_text').bind('input',function(){
if($(this).val()){
$('#sending').show();
$('#golosim').hide();
} else {
$('#sending').hide();
$('#golosim').show();
}
});

});
</script>

 

<span class="but_golos_im" style="display: block;" onClick="Recording.toogle(this);" id="golosim" onselectstart="return false"></span>
<span class="but_mess_im" style="display: none;" onClick="im.send('{for_user_id}', '{my-name}', '{my-ava}')" id="sending" onselectstart="return false"></span>

 

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...