[PIU' RISOLTO DI COSI' NON SI PUO' NEMMENO COL CANDEGGIO][Safari] Inibire azione

[Archimede Pitagorico]

Carissimi,
buonasera a tutti. Dopo aver trascorso circa un mese nella creazione di un nuovo controllo (in pratica una combo select ma molto, molto più funzionale) mi sono accorto che il suo funzionamento entra in conflitto con una funzione presente in Opera e in Firefox (ultime versioni). In pratica, digitanto le prime lettere, non si apre più l'elenco della mia combo personalizzata ma una casella con gli ultimi valori inseriti con quelle lettere. Bene, per me è assolutamente necessario inibire tale funzione implicita del browser, ovvero fare in modo (anche via Javascript) che il browser non attivi la funzione di visualizzazione ultimi valori inseriti. Come posso fare? PS ho notato che, in particolare su Firefox, selezionando il pulsante esc la finestra incriminata scompare e sotto resta visibile quella che ho creato io. Ecco, se qualcuno di voi potesse dirmi come simulare la pressione del tasto esc via JS, sarei già a metà strada.

Grazie a tutti per il tempo dedicatomi.

[daemon_nio]

Che cosa è una combo select?

Un campo da te modificato per una tua funzionalita oppure qualcosa che hai trovato in qualche script js in rete?

In ogni caso come funziona? immagino su un evento (onchange, onfocus, onclick, ...) faccia apparire un tuo elenco.
Quindi secondo me non c'è da inibire la funzione di opera o firefox ma verificare che tutto lo script eseguito al verificarsi dell'evento in questione funzioni anche su questi altri browser.

Secondo me a occhio è questo il problema, il javascript è molto antipatico con i diversi browser.

[Zoff]

Carissimi,
buonasera a tutti. Dopo aver trascorso circa un mese nella creazione di un nuovo controllo (in pratica una combo select ma molto, molto più funzionale) mi sono accorto che il suo funzionamento entra in conflitto con una funzione presente in Opera e in Firefox (ultime versioni). In pratica, digitanto le prime lettere, non si apre più l'elenco della mia combo personalizzata ma una casella con gli ultimi valori inseriti con quelle lettere. Bene, per me è assolutamente necessario inibire tale funzione implicita del browser, ovvero fare in modo (anche via Javascript) che il browser non attivi la funzione di visualizzazione ultimi valori inseriti. Come posso fare? PS ho notato che, in particolare su Firefox, selezionando il pulsante esc la finestra incriminata scompare e sotto resta visibile quella che ho creato io. Ecco, se qualcuno di voi potesse dirmi come simulare la pressione del tasto esc via JS, sarei già a metà strada.

Grazie a tutti per il tempo dedicatomi.

Modifica->Preferenze->Privacy e togli la spunta a "Salva le informazioni inserite nelle pagine web"

NB. Questo cambiamento vale per tutte le pagine, è un impostazione globale...

PS. Non è che ti stai complicando la vita? Magari esiste qualcosa di già fatto...
Se posti il codice mgari possiamo aiutarti...

[Archimede Pitagorico]

No, nulla di già fatto! Una fatica sovrumana, ma anche la soddisfazione di aver fatto da me...

1) Sostituisce il controllo <option .. ecc ecc;
2) Scrivendo nel campo, l'elenco non si restringe ai soli valori che hanno le lettere inserite come iniziali, ma anche in mezzo;
3) Se le varie opzioni derivano da una concatenazione di più dati (es option che prende i dati da una rubrica, ogni riga mostra in sequenza nome, congome e telefono) tale ricerca è estesa a tutti i campi visualizzati;
4) Si chiude sia selezionando un campo che uscendo dalla casella (vi garantisco che non è semplice, moltissimi controlli che trovate in rete si chiudono scegliendo il valore o col pulsantino di chiusura, questo perché quando selezionate il valore scelto accade che la casella si richiuda prima che il valore sia acquisito;
5) E' compatibile con sette browser (meglio che non ci penso, non chiedetemi come ho fatto sennò non dormo. Nemmeno Dojotoolkit ha la compatibilità di questo mio controllo, pensate che ho iniziato a lavorarci proprio per la delusione osservata in Dojo, Zx e compagnia bella rispetto alla compatibilità. Sono bellissimi graficamente, ma provateli con browser meno celebri come K-Meleon o compagnia bella...);
6) Per ogni riga si può impostare la stringa visualizzata nella lista, la stringa che verrà indicata nella casella, la stringa presa come valore e la stringa sulla quale effettuare la ricerca di cui al punto 2 e 3. In alcuni casi particolari è utile avere tali 4 valori separati. Esempio: rubrica. L'elenco mostra per ogni riga nome cognome e telefono, alla selezione si riempie il campo solo col cognome, ma il valore valutato è l'ID.
7) Graficamente è spettacolare.

Per ora è un misto di HTML e Javascript, ma sto cercando di farlo tutto in Javascript usando le istruzioni che creano tags div relegando il compito dell'HTML ad un semplice tag di richiamo.

Ciò detto (scusate l'entusiasmo!) Demon è proprio come ho detto io, ovvero non serve verificare JS che funziona benissimo, ma evitare che su alcuni browser si verifichi l'evento indesiderato descritto. Zoff ci hai visto giusto, ma non voglio costringere l'utente a farlo. Vorrei via JS che per quelle caselle ci pensi il mio software a inibire il saltaggio delle informazioni inserite.

Suggerimenti?

Grazie a entrambi per il tempo che mi avete dedicato.

[Zoff]

No, nulla di già fatto! Una fatica sovrumana, ma anche la soddisfazione di aver fatto da me...

1) Sostituisce il controllo <option .. ecc ecc;
2) Scrivendo nel campo, l'elenco non si restringe ai soli valori che hanno le lettere inserite come iniziali, ma anche in mezzo;
3) Se le varie opzioni derivano da una concatenazione di più dati (es option che prende i dati da una rubrica, ogni riga mostra in sequenza nome, congome e telefono) tale ricerca è estesa a tutti i campi visualizzati;
4) Si chiude sia selezionando un campo che uscendo dalla casella (vi garantisco che non è semplice, moltissimi controlli che trovate in rete si chiudono scegliendo il valore o col pulsantino di chiusura, questo perché quando selezionate il valore scelto accade che la casella si richiuda prima che il valore sia acquisito;
5) E' compatibile con sette browser (meglio che non ci penso, non chiedetemi come ho fatto sennò non dormo. Nemmeno Dojotoolkit ha la compatibilità di questo mio controllo, pensate che ho iniziato a lavorarci proprio per la delusione osservata in Dojo, Zx e compagnia bella rispetto alla compatibilità. Sono bellissimi graficamente, ma provateli con browser meno celebri come K-Meleon o compagnia bella...);
6) Per ogni riga si può impostare la stringa visualizzata nella lista, la stringa che verrà indicata nella casella, la stringa presa come valore e la stringa sulla quale effettuare la ricerca di cui al punto 2 e 3. In alcuni casi particolari è utile avere tali 4 valori separati. Esempio: rubrica. L'elenco mostra per ogni riga nome cognome e telefono, alla selezione si riempie il campo solo col cognome, ma il valore valutato è l'ID.
7) Graficamente è spettacolare.

Per ora è un misto di HTML e Javascript, ma sto cercando di farlo tutto in Javascript usando le istruzioni che creano tags div relegando il compito dell'HTML ad un semplice tag di richiamo.

Ciò detto (scusate l'entusiasmo!) Demon è proprio come ho detto io, ovvero non serve verificare JS che funziona benissimo, ma evitare che su alcuni browser si verifichi l'evento indesiderato descritto. Zoff ci hai visto giusto, ma non voglio costringere l'utente a farlo. Vorrei via JS che per quelle caselle ci pensi il mio software a inibire il saltaggio delle informazioni inserite.

Suggerimenti?

Grazie a entrambi per il tempo che mi avete dedicato.

Non penso esistano modi differenti...
E' una funzionalità che richiede l'utente per cui una pagina web non può e soprattutto non deve modificare tale funzione...

PS. Sarei curioso di vedere questo "magico" codice

[Archimede Pitagorico]

Si ma se riuscissi a "clickperformare" (ho coniato un eufemismo! Haha) il tasto esc avrei risolto i miei problemi... Ci deve essere un modo! Anche aggirando il problema, con qualche stratagemma...

[Zoff]

Si ma se riuscissi a "clickperformare" (ho coniato un eufemismo! Haha) il tasto esc avrei risolto i miei problemi... Ci deve essere un modo! Anche aggirando il problema, con qualche stratagemma...

Dubito che si possa fare solo con html/javascript...

[menelicte]

hai provato con l'attributo

Codice: Seleziona tutto

autocomplete="off"

??

negli input su firefox pare funzionare

EDIT non è standardizzato

[Archimede Pitagorico]

Funziona! Grazie tantissimo, quesito risolto.

[Zoff]

EDIT non è standardizzato

@Archimede Pitagorico... Ma quando riponesti quel tuo controllo tempo fa non dicesti che doveva essere conforme agli standard?

[menelicte]

qui c'è un'analisi del problema

EDIT non è standardizzato

@Archimede Pitagorico... Ma quando riponesti quel tuo controllo tempo fa non dicesti che doveva essere conforme agli standard?

funzione presente in Opera e in Firefox (ultime versioni)

Ora mi sorge un dubbio: ma l'uso del Javascript, essendo fortemente dipendente dal browser in uso, non esula dal rispetto degli standard W3C?
Fra l'altro in questo caso riguarderebbe la correzione di comportamenti legati al browser, per cui l'unico problema sarebbe la compatibilità con le versioni più recenti di Opera e Firefox.

Comunque è una funzione da prendere con le molle, ché a farla fuori dal vaso, ci si fa facilmente l'abitudine  (rotfl)

[Zoff]

qui c'è un'analisi del problema

EDIT non è standardizzato

@Archimede Pitagorico... Ma quando riponesti quel tuo controllo tempo fa non dicesti che doveva essere conforme agli standard?

funzione presente in Opera e in Firefox (ultime versioni)

Ora mi sorge un dubbio: ma l'uso del Javascript, essendo fortemente dipendente dal browser in uso, non esula dal rispetto degli standard W3C?
Fra l'altro in questo caso riguarderebbe la correzione di comportamenti legati al browser, per cui l'unico problema sarebbe la compatibilità con le versioni più recenti di Opera e Firefox.

Comunque è una funzione da prendere con le molle, ché a farla fuori dal vaso, ci si fa facilmente l'abitudine  (rotfl)

Javascript e html non c'entrano proprio nulla l'uno con l'altro...
W3C sancisce le regole per una corretta scrittura del codice HTML e CSS che non sono altro che la parte di struttura (html) e di visualizzazione(CSS). Javascript è la parte elaborativa, può fare tutto quello che gli pare per il W3C l'unico (seppur grosso) vincolo è che quando genera dell'html, che sia tramite stampa o tramite DOM lo faccia secondo le regole...
Se sai cos'è una struttra MVC(Model View Control) ti faccio notare la somiglianza con HTML=Model CSS=View Javascript/PHP/JSP/ASP/etc..=Control

Ora se ho detto una castroneria correggetemi...

[menelicte]

Javascript e html non c'entrano proprio nulla l'uno con l'altro...
W3C sancisce le regole per una corretta scrittura del codice HTML e CSS che non sono altro che la parte di struttura (html) e di visualizzazione(CSS). Javascript è la parte elaborativa, può fare tutto quello che gli pare per il W3C l'unico (seppur grosso) vincolo è che quando genera dell'html, che sia tramite stampa o tramite DOM lo faccia secondo le regole...
Se sai cos'è una struttra MVC(Model View Control) ti faccio notare la somiglianza con HTML=Model CSS=View Javascript/PHP/JSP/ASP/etc..=Control

(yes)

[OT]
Il problema che mi ponevo era filosofico: se il W3C serve a dare una guida per appianare i problemi di cross-compatibilità, ma per rispettare la cross-compatibilità di un sito bisogna introdurre elementi non-standard, qual'è la prassi?

E poi: uccidereste un uomo per salvarne 100?

E ancora: come funziona il Javascript quando si impostano attributi non-standard? Si può fare in modo che gli attributi siano inseriti nel flusso HTML solo nel caso in cui questi siano supportati dal browser?
basta vedere quanto è bello :P IE che se gli dai setAttribute("class", ...) non lo accetta manco con le cannonate  (mad)
[/OT]

PS: sì, sono uno spammer

[Zoff]

[OT]
Il problema che mi ponevo era filosofico: se il W3C serve a dare una guida per appianare i problemi di cross-compatibilità, ma per rispettare la cross-compatibilità di un sito bisogna introdurre elementi non-standard, qual'è la prassi?

E poi: uccidereste un uomo per salvarne 100?

I problemi di compatibilità sono colpa dei browser il W3C è solo il pacere che cerca di far andare d'accordo tutti... Però finché tutti non ascoltano il pacere i problemi rimangono...

E ancora: come funziona il Javascript quando si impostano attributi non-standard? Si può fare in modo che gli attributi siano inseriti nel flusso HTML solo nel caso in cui questi siano supportati dal browser?
basta vedere quanto è bello :P IE che se gli dai setAttribute("class", ...) non lo accetta manco con le cannonate  (mad)
[/OT]

La possibilità di utilizzare attributi non-standard non dovrebbe essere neanche ponderata da un web-designer...
Al max puoi utilizzare tecnologie server-side per generare le modifiche (di norma CSS) per adattare la pagina ad un browser od ad un altro...

[Archimede Pitagorico]

Vi aggiorno. Il controllo attualmente funziona perfettamente su IE, FF, Opera, Netscape, Safari, K-Meleon, Google Chrome in diverse versioni e sotto diversi sistemi operativi; anche il validatore html di Eclipse non mostra segni di nervosismo.

Se inserisco autocomplete="off" nel tag della casella, giustamente il validatore HTML di Eclipse è scontento, perché vede una istruzione non valida. E mostra il suo nervosismo con una bellissima icona gialla di avviso. Ma in quel modo su nessuno dei suddetti browser compare la finestra indesiderata, quindi funzionalmente la soluzione è buona. Solo che, ad un maniaco della compatibilità e della validazione, non piace avere una indicazione HTML non standard, così ho provato ad ottenere lo stesso risultato via Javascript. Non c'è modo di farlo funzionare! Possibile? Vi indico sotto il codice da me tentato, dicendovi però che tale codice è inserito in una function che si attiva quando il cursore entra nel controllo, e nella quale le altre funzioni (cambio sfondo ecc) funzionano benissimo. Quindi la riga incriminata è questa. Consigli? (ele è il nome dell'elemento)

document.getElementById(ele).autocomplete = 'off';
document.getElementById(ele).autocomplete = "off";
document.getElementById(ele).autocomplete = off;
document.getElementById(ele).setAttribute('autocomplete', 'off');
document.getElementById(ele).setAttribute("autocomplete", "off");

[Zoff]

Vi aggiorno. Il controllo attualmente funziona perfettamente su IE, FF, Opera, Netscape, Safari, K-Meleon, Google Chrome in diverse versioni e sotto diversi sistemi operativi; anche il validatore html di Eclipse non mostra segni di nervosismo.

Se inserisco autocomplete="off" nel tag della casella, giustamente il validatore HTML di Eclipse è scontento, perché vede una istruzione non valida. E mostra il suo nervosismo con una bellissima icona gialla di avviso. Ma in quel modo su nessuno dei suddetti browser compare la finestra indesiderata, quindi funzionalmente la soluzione è buona. Solo che, ad un maniaco della compatibilità e della validazione, non piace avere una indicazione HTML non standard, così ho provato ad ottenere lo stesso risultato via Javascript. Non c'è modo di farlo funzionare! Possibile? Vi indico sotto il codice da me tentato, dicendovi però che tale codice è inserito in una function che si attiva quando il cursore entra nel controllo, e nella quale le altre funzioni (cambio sfondo ecc) funzionano benissimo. Quindi la riga incriminata è questa. Consigli? (ele è il nome dell'elemento)

document.getElementById(ele).autocomplete = 'off';
document.getElementById(ele).autocomplete = "off";
document.getElementById(ele).autocomplete = off;
document.getElementById(ele).setAttribute('autocomplete', 'off');
document.getElementById(ele).setAttribute("autocomplete", "off");

-.- e' normale che non funzioni...
Javascript usa DOM per accedere agli attributi e DOM indovina chi lo "fa"? (W3C)...
Quindi è molto probabile che semplicemente si rifiuti di settare attributi non standard...

Visto che non ne ho la certezza, come prima, se ho detto una castroneria correggetemi pure!

[Archimede Pitagorico]

Bene bene, ora capisco. Adesso, se la soluzione JS non è percorribile, e se posso solo inserire in HTML un parametro non standard, potete inidcarmi una soluzione che mi permetta di inibire tale autocompletamento ma senza compromettere la regolarità del mio codice? Thank!

[Archimede Pitagorico]

Rettifico! Spulciando la documentazione di FF ho scoperto che via JS va benissimo, anzi è proprio tra le soluzioni indicate:

6. Use JavaScript to set the attribute.

    document.getElementById( "MyInput" ).setAttribute( "autocomplete","off" )

Conclusion
(...)

Quindi sbaglio io a utilizzare quella istruzione. Forse sbaglierò a farla scatenare dall'evento onfocus della casella? Che dite?

[Zoff]

Giusto per curiosità... ele è una variabile che contiene il nome dell'elemento o proprio il nome?
Nel secondo caso allora mancherebbero gli ".

[Archimede Pitagorico]

no, anche io ci avevo pensato. Ele è proprio l'elemento, tant'è che nella pagina web viene passato come this e non come nomeElemento. E poi tante altre istruzioni simili con quella sintassi nella stessa function funzionano bene... Che rompicapo! Via js si può sicuramente (lo dice anche FF) eppure per qualche motivo non mi funge. Sbaglierò il tipo di evento scatenante? La sintassi? Mah... Sono certo che si tratta di una banalità.