abilitare click su un input disabilitato

**ciro78** · 15-06-2011, 11:51

Ciao ragazzi,
ho un campo di testo che deve essere disabilitato. Il suo valore viene prelevato mediante popup. Vorrei che al click sul campo comparisse questo pop up ma, essendo disabilitato, l'azione non viene eseguite. C'è un modo per avere entrambe le cose?

Avevo pensato ad una funzione js che mi impedisce di scrivere nel campo .

Si può fare?

nella pagina ho incluso jquery

ciao e grazie in anticipo

**carlomarx** · 15-06-2011, 12:24

non è proprio ortodosso... ma puoi provare a sovrapporgli un div trasparente con x-index superiore e "position: absolute", centrato esattamente tramite javascript, e affidargli l'evento.

**cavicchiandrea** · 15-06-2011, 13:03

E impostare l'input readonly dove non puoi scrivere ma ammette onclick no?

**ciro78** · 15-06-2011, 13:54

se imposto readonly però, non mi permette di iniettargli un valore mediante js

**carlomarx** · 15-06-2011, 14:10

Originariamente inviato da cavicchiandrea
E impostare l'input readonly dove non puoi scrivere ma ammette onclick no?

bravo, non ci avevo pensato :-)

Originariamente inviato da ciro78
se imposto readonly però, non mi permette di iniettargli un valore mediante js

Puoi provare a disabilitare il readonly, impostare il valore, e riabilitare il readonly in un unico blocco di codice. Se funziona l'utente non si accorgerà di nulla...

**Enzaccio** · 15-06-2011, 15:00

Originariamente inviato da ciro78
se imposto readonly però, non mi permette di iniettargli un valore mediante js

Come no ?!

codice:

<script>
function launch(){
 ciro = window.open('', '', 'width=400, height=300');
 ciro.document.open();
 ciro.document.write(document.main.field.value);
 ciro.document.close();
 }

function rewrite(){
 document.main.field.value = document.main.written.value;
 }

</script>

<form name="main">
 <input name="field" value="test" type="text" readonly onclick="launch();"> apre pop-up al click


 <input name="written" value="" type="text">
 <input value="&lt;=  scrivi" type="button" readonly onclick="rewrite();">
</form>

Testato Netscape ed IExplorer

**cavicchiandrea** · 15-06-2011, 17:36

Originariamente inviato da ciro78
se imposto readonly però, non mi permette di iniettargli un valore mediante js

ma... non mi risulta, forse con certi browser

**carlomarx** · 15-06-2011, 20:22

Sì, anche a me quest'altro esempio funziona alla perfezione su Firefox e Chrome, così come l'esempio di Enzaccio...

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<title>Esempio per il Forum di HTML.it</title>
<script type="text/javascript">
var oEditableWin;

function popupClose() {
	document.miaForm.mioCampo.value = oEditableWin.document.getElementById("editIFrame").contentDocument.body.innerHTML;
}

function popupLaunch() {
	oEditableWin = window.open("", "", "width=400, height=300");
	oEditableWin.document.open();
	oEditableWin.document.write("<!doctype html>\n<html>\n<head>\n<meta http-equiv=\"Content-type\" content=\"text\/html; charset=iso-8859-1\" \/>\n<title>Titolo di esempio<\/title>\n<script type=\"text\/javascript\">\nfunction makeDesignable() {\n\tvar oEditDoc = document.getElementById(\"editIFrame\").contentDocument;\n\toEditDoc.open();\n\toEditDoc.write(\"<!doctype html>\\n<html>\\n<head>\\n<meta http-equiv=\\\"Content-type\\\" content=\\\"text\\\/html; charset=iso-8859-1\\\" \\\/>\\n<title>Composizione<\\\/title>\\n<\\\/head>\\n<body>" + document.miaForm.mioCampo.value + "<\\\/body>\\n<\\\/html>\");\n\toEditDoc.close();\n\toEditDoc.designMode = \"on\";\n}\n<\/script>\n<\/head>\n<body style=\"border:0;\" onload=\"makeDesignable();\">\n\n<iframe style=\"width:100%;height:100%;position:absolute;left:0;top:0;border:0;\" id=\"editIFrame\"><\/iframe>\n\n<\/body>\n<\/html>");
	oEditableWin.document.close();
	oEditableWin.onbeforeunload = popupClose;
}
</script>
</head>
<body>



Clicca sulla casella di testo</p>
<form name="miaForm">


<input name="mioCampo" value="valore di esempio" type="text" readonly onclick="popupLaunch();" /></p>
</form>

</body>
</html>

**ciro78** · 16-06-2011, 17:21

difatti funziona. evidentemente c'era qualche errore js nella pagina che non mi permetteva di proseguire.

grazie a tutti

Discussione: abilitare click su un input disabilitato

Strumenti discussione

Ricerca discussione

Visualizza

abilitare click su un input disabilitato

Permessi di invio