html in javascript

[bobosg]

ciao a tutti, ho una domanda da farvi credo stupida, ma che mi sta facendo impazzire.

in php per visualizzare una parte di html dopo un controllo mi capita spesso di fare così

<?php if(controllo) { ?>
  parte di html
<? } ?>

ora mi chiedevo se è possibile fare la stessa cosa con javascript e vi spiego anche per quale motivo.

o una form su cui faccio una verifica dei campi solo in javascript per cui se quest'ultimo è disabilitato non deve proprio essere visualizzata la form.
per questo avevo pensato che nel <noscript> mettevo il messaggio che se non hai javascript non puoi bla bla bla

se invece javascript è abilitato potrei valorizzare una variabile e quindi fare un controllo su questa per visualizzare la form.

ok, mi sono dilungato, sorry!
spero sia tutto chiaro comunque...

grazie a tutti!!!

[wingman87]

Potresti fare una cosa del genere:

document.getElementById('formContainer').innerHTML = formContent;

Dove formContainer è l'id dell'elemento in cui vuoi iniettare il form.

[bobosg]

Originariamente inviato da wingman87

Potresti fare una cosa del genere:

document.getElementById('formContainer').innerHTML = formContent;

Dove formContainer è l'id dell'elemento in cui vuoi iniettare il form.

ok,scusami ma in javascript non sono molto ferrato...quindi come gli pass il form a "formContent"?

[bobosg]

Originariamente inviato da wingman87

Potresti fare una cosa del genere:

document.getElementById('formContainer').innerHTML = formContent;

Dove formContainer è l'id dell'elemento in cui vuoi iniettare il form.

document.getElementById('formContainer').innerHTML = "<form>campi</form>";

una cosa del genere?

[wingman87]

Sì, formContent è l'HTML da iniettare

[bobosg]

Originariamente inviato da wingman87

Sì, formContent è l'HTML da iniettare

il problema è che nel form ho del codice javascript associato agli eventi onfocus e onblur, come lo scrivo?

[bobosg]

grazie comunque...

alla fine ho risolto con document.write

se javascript è disabilitato la form non uscirà proprio

[Dan__88]

una volta chiuso il tag di php ci puoi scrivere javascript proprio come fai con l'html

[bobosg]

Originariamente inviato da Dan__88

una volta chiuso il tag di php ci puoi scrivere javascript proprio come fai con l'html

ti ringrazio per la risposta, ma non era questa la mia domanda

[Dan__88]

Originariamente inviato da bobosg

ti ringrazio per la risposta, ma non era questa la mia domanda

ho visto,
perdonami ho letto male

[bobosg]

Originariamente inviato da Dan__88

ho visto,
perdonami ho letto male

nulla figurati

comunque se qualcuno ha una soluzione migliore rispetto alla mia sarei felice di saperla, io dovevo risolvere velocemente il problema ma ora vorrei capire se è una soluzione "fatta bene"

[wingman87]

Originariamente inviato da bobosg

il problema è che nel form ho del codice javascript associato agli eventi onfocus e onblur, come lo scrivo?

Non ho capito il problema, in formContent scrivi l'html come lo scriveresti normalmente, compresi gli eventi onfocus e onblur.
Magari posta un po' di codice per capire meglio.

[bobosg]

ecco quello che faccio

<script type="text/javascript">
        document.write("<form name=\"inscomment\" id=\"inscomment\" method=\"post\" class=\"form-js\"><input name=\"autore\" id=\"autore\" type=\"text\" size=\"20\" value=\"Autore\" onfocus=\"if(this.value==this.defaultValue)this.value=''\"><textarea name=\"testo\" id=\"testo\" cols=\"70\" rows=\"5\" onfocus=\"if(this.value==this.defaultValue)this.value=''\">Commenti...</textarea><input type=\"button\" value=\"Invia\" onClick=\"validateform()\"></form></div>");
</script>

[wingman87]

Ora che mi ci fai pensare forse il js iniettato in questo modo non funziona su tutti i browser, però si può sempre associare vari handler agli eventi dopo aver settato il contenuto del formContainer.
Esempio:

document.getElementById('formContainer').innerHTML = formContent;
document.getElementById('txtName').onfocus = onFocusHandler;

dove onFocusHandler è una funzione, ad esempio:

function onFocusHandler(e)
{
   e.target.style.backgroundColor = "yellow";
}

[bobosg]

secondo te va bene come ho fatto io?
e qual è la differenza se invece lo fai con innerHTML?
grazie ancora

[wingman87]

La differenza principale è che con innerHTML puoi mettere lo script dove vuoi nella pagina o anche in uno script esterno, invece con document.write lo devi piazzare esattamente dove vuoi che venga iniettato il codice. Un'altra differenza è che con innerHTML puoi iniettare il codice anche in differita, non necessariamente quando viene caricata la pagina.

Secondo me comunque va bene come hai fatto...