aprire popup tramite checkbox

**morangel** · 30-11-2015, 23:23

Buonasera, volevo far in modo che cliccando sul checkbox mi si aprisse un popup dove c'è una casella di testo. questo è il checkbox:

codice:

<input name="Turnazione" type="checkbox" id="Turnazione" />
        <label for="Turnazione"></label>

Potete aiutarmi?
Grazie

**cavicchiandrea** · 01-12-2015, 16:12

codice:

<input name="Turnazione" type="checkbox" id="Turnazione" onclick="if(this.checked){window.open('tuapagina.xxxx','nomepopupfacoltativa','parametripopupfacoltativi')}"/>
        <label for="Turnazione"></label>

**morangel** · 02-12-2015, 00:36

Grazie funziona benissimo, è proprio quello che intendevo fare, sei stato un prezioso aiuto.

**morangel** · 02-12-2015, 12:59

Buongiorno ti chiedo un ulteriore cortesia che magari sembra banale ma non riesco proprio a fare, per vari problemi collegati al salvataggio dei dati con un finestra di popup, mi chiedevo se era possibile far in modo che invece di un popup si aprisse una input text affianco al checkbox, che dovrebbe essere nascosto se non viene selezionato.
questo è il codice originale:

codice:

<input name="Turnazione" type="checkbox" id="Turnazione" onclick="if(this.checked){window.open('Motivo.asp?','Motivo_Turnazione','width=800, height=500, noresizable, nostatus, noscrollbars=1, nolocation')}"/>
       <label for="Turnazione"></label>
       <label for="Motivo"></label>

questo è il text che dovrebbe aprire

codice:

<input type="text" name="Motivo" id="Motivo" />

Grazie Ancora

**morangel** · 03-12-2015, 22:32

Buonasera, volevo fare in modo da modificare questo script

codice:

<input name="Turnazione" type="checkbox" id="Turnazione" onclick="if(this.checked){window.open('tuapagina.xxxx','nomepopupfacoltativa','parametripopupfacoltativi')}"/>
        <label for="Turnazione"></label>

in modo che se selezionato, invece di aprire una popup mi visualizzi una casella di testo.
ho provato in vari modi ma senza alcun risultato.
Vi chiedo se potete darmi un'ulteriore aiuto.
Grazie anticipatamente

**KillerWorm** · 03-12-2015, 22:52

Ciao, dove dovrebbe aprirsi la casella di testo?
Se è posta "gerarchicamente" dopo quel checkbox puoi risolvere facilmente con CSS:

Un esempio veloce:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      #campo-testo{
        display: none;
      }
      #Turnazione:checked~#campo-testo{
        display: initial;
      }
    </style>
  </head>
  <body>
    <input name="Turnazione" type="checkbox" id="Turnazione"/>
    <label for="Turnazione">Toggle casella di testo</label>
    <hr>
    <input id="campo-testo">
  </body>
</html>

EDIT:
Ho visto ora che avevi già un'altra discussione su questo argomento. Fai attenzione al regolamento, il posting multiplo è vietato su questo forum. Segnalo di unire le discussioni se è possibile.. altrimenti aspettati che questa venga chiusa

**morangel** · 04-12-2015, 12:08

Buongiorno, killerworm, ti ringrazio, ho provato con lo script che mi hai fornito ma non so per quale motivo non mi appare la casella di testo. sto usando come browser internet Explorer 11 e Windows 7 sp1.
hai qualche altro suggerimento?
Grazie ancora

**KillerWorm** · 04-12-2015, 13:09

Sì hai ragione.
Per la proprietà display, il valore initial non viene riconosciuto su IE (..no comment)

Ad ogni modo, se sai per certo che si tratti di un elemento input, puoi impostare direttamente display: inline-block; che è il suo valore di default, o comunque il valore che meglio credi (block o altro).

EDIT:
Una roba del genere:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      label[for="Motivo"]{
        display: none;
      }
      #Turnazione:checked~label[for="Motivo"]{
        display: inline-block;
      }
    </style>
  </head>
  <body>
    <input name="Turnazione" type="checkbox" id="Turnazione"/>
    <label for="Turnazione">Turnazione</label>
    <label for="Motivo"> - Motivo <input type="text" name="Motivo" id="Motivo"/></label>
  </body>
</html>

**morangel** · 07-12-2015, 13:44

Ho risolto tramite questo script

codice:

 <script type="text/javascript"> </script>
   <script>
 
$(document).ready(function() {
 
$('.checkbox').change(function(){
 
if ($(this).is(':checked')) {
 
$(this).next().show();
 
} else {$(this).next().hide();}
 
});
 
});
</script>
        &nbsp;
        <input name="Turnazione" class="checkbox" type="checkbox" value="click" /> 
      <input style="display:none; name="Motivo" type="text" id="Motivo" value="motivo"/>

però vorrei fare in modo che la casella di testo non si aprisse di lato al checkbox, ma in basso o se possibile in un'altra tabella all'interno dello stesso form. Va benissimo aprire anche sotto il checkbox. ho provato in vari modi ma senza risultato. Potete cortesemente darmi una mano?
Grazie

**KillerWorm** · 07-12-2015, 14:04

volevo far in modo che cliccando sul checkbox mi si aprisse un popup dove c'è una casella di testo

mi chiedevo se era possibile far in modo che invece di un popup si aprisse una input text affianco al checkbox

però vorrei fare in modo che la casella di testo non si aprisse di lato al checkbox, ma in basso o se possibile in un'altra tabella

Vedo che hai poche idee ma ben confuse.

Prova così:

codice:

$(document).ready(function() {
 
$('.checkbox').change(function(){
 
if ($(this).is(':checked')) {
 
$('#Motivo').show();
 
} else {$('#Motivo').hide();}
 
});
 
});

Discussione: aprire popup tramite checkbox

Strumenti discussione

Ricerca discussione

Visualizza

aprire popup tramite checkbox

aprire una casella di testo tramite checkbox

Permessi di invio