Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    192

    problema con evento onsubmit, invio messaggio con "invio"

    Sto costruendo una chat simile a facebook ma ho problemi con l'evento onsubmit. Come ogni chat vorrei che alla pressione del tasto invio il messaggio scritto in un input/textarea fosse inviato come messaggio. Il problema è che quando premo appunto il tasto invio la chat si chiude

    Codice PHP:
    function chatta(nome){ //questa funzione serve per aggiungere una chat.. occorrono ancora molte migliorie
    var statoattuale document.getElementById("chat");
    var 
    sa document.getElementById("chat").innerHTML;
    var 
    aggiungi"<div class='finestrechat'>"+nome+"</div><div class='finestra'></div><div class='box'><form onsubmit=\"inviamex('"+nome+"');\"><input  id='"+nome+"' class='boxinput' type='text'></form></div>"
    statoattuale.innerHTMLsa+aggiungi;
    }

    function 
    inviamex(nome){
    var 
    inviame document.getElementById(nome).value;
    alert(inviame); //questo alert si visualizza ma al termine della funzione la chat torna "chiusa"

    non sto a linkarvi il sito di prova perche bisogna essere registrati, essere amici di qualche utente di prova e che quel utente di prova sia online.

    grazie per eventuali risposte

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    E' normale il submit invia il form a prescindere e se non c'è specificata una action ricarica la pagina stessa, in oltre l'id chat cos'è la textarea? Se è cosi, rivedi il tutto non puoi caricare un form in una textarea
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    192
    A me non serve a nulla il form, dato che prendo il valore del input tramite document.GetElementById.
    l'id chat è un div che tiene tutte le chat.
    Il problema è che devo prelevare il valore del input alla pressione del tasto invio

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    function chatta(nome){ //questa funzione serve per aggiungere una chat.. occorrono ancora molte migliorie
    document.getElementById("chat").innerHTML+= "<div class='finestrechat'>"+nome+"</div><div class='finestra'></div><div class='box'><form action=\"#\" onsubmit=\"inviamex('"+nome+"');return false;\"><input  id='"+nome+"' class='boxinput' type='text'></form></div>"
    }
    
    function inviamex(nome){
    var inviame = document.getElementById(nome).value;
    alert(inviame); //questo alert si visualizza ma al termine della funzione la chat torna "chiusa"
    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    192
    Grazie mille funziona! Un piccolo appunto, come faccio ad azzerare/svuotare il valore del input da una funzione(che appunto si mette all'opera dopo il tasto invio)?

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    function inviamex(nome){
    var inviame = document.getElementById(nome).value;
    //qui procedi con l'inserimento..... alla fine metti
    document.getElementById(nome).value='';
    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.