"Variabili" HTML

Pubblicità
Ho studiato un pò e, sebbene alcune cose si possano fare usando CSS, quello che chiedi è molto difficile se non impossibile senza Javascript.

Penso che la soluzione "semplice" sia fare:
HTML: 
<input type="submit" value="Start Model_1">
<input type="hidden" name="Model_1" size="20px" value="1">

<input type="submit" value="Reset Model_1">
<input type="hidden" name='Model_1' size="20px" value="0">
<br>
<input type="submit" value="Start Model_2">
<input type="hidden" name="Model_2" size="20px" value="1">

<input type="submit" value="Reset Model_2">
<input type="hidden" name='Model_2' size="20px" value="0">
<br>
<input type="submit" value="Start Model_3">
<input type="hidden" name="Model_3" size="20px" value="1">

<input type="submit" value="Reset Model_3">
<input type="hidden" name='Model_3' size="20px" value="0">

Anche se... provo ancora un'idea che mi è venuta e ti dico...
 
Ultima modifica da un moderatore:
Sì, è la versione 1.0 della pagina che avevo fatto. Mi piaceva l'idea di inserire il menù a tendina, ma è evidente che non si può fare.
Comunque, domani farò qualche altra prova con lo script di Javascript per vedere che succede!

Intanto, grazie!
 
CSS: 
div {
  display:none;
}
input:checked + div {
    display: block;
}
HTML: 
<input name="Model" type="radio" value="1" />Model_1
<div id="Model_1">
  <input type="submit" value="Start">
  <input type="hidden" name="Model_1" size="20px" value="1">
  <input type="submit" value="Reset">
  <input type="hidden" name='Model_1' size="20px" value="0">
</div>
<br>
<input name="Model" type="radio" value="2" />Model_2
<div id="Model_2">
  <input type="submit" value="Start">
  <input type="hidden" name="Model_2" size="20px" value="1">
  <input type="submit" value="Reset">
  <input type="hidden" name='Model_2' size="20px" value="0">
</div>
<br>
<input name="Model" type="radio" value="3" />Model_3
<div id="Model_3">
  <input type="submit" value="Start">
  <input type="hidden" name="Model_3" size="20px" value="1">
  <input type="submit" value="Reset">
  <input type="hidden" name='Model_3 size="20px" value="0">
</div>

Un pò grezzo però dovrebbe funzionare :)
 
Cavolo, ero convinto di averti risposto, ma me ne sono dimenticato. Sì, così ovviamente funziona. E' molto simile alla prima versione della pagina che avevo creato.
Ora la situazione è questa

Codice: 
<tr>
<td>Model_1</td>
<form method="post"  action="">
<td>
<input type="submit" value="Start">
<input type="hidden" name='Reset_All' size="20px" value="1">
<input type="hidden" name='Reset_All' size="20px" value="0">
<input type="hidden" name='Model_1' size="20px" value="1">
</td>
</form>
</tr>

Ovviamente, per ogni modello. Reset_All è una variabile che nel PLC resetta tutto. Vi chiedo: se volessi inserire una sorta di timer, diciamo di un secondo, tra Reset_All 0 e 1, cosa potrei metterci? Ho visto setTimeout(), ma non saprei dove integrarlo.

Grazie! E scusate se non ho risposto prima!
 
Ehm no, mi avevi risposto al messaggio 17 ma il 18 è diverso ed introduce radio button al posto di una dropdownlist...
 
Scusa, ma sono assai incasinato. L'ho provato, ma come layout preferisco mantenere il mio. Nell'insieme, mi piace di più. Senza offesa, eh!

Mi resta solo il dubbio del timer.
 
mikla90 ha detto:
come layout preferisco mantenere il mio
Clicca per espandere...
Certo, il layout è pessimo ma trovo molto interessante il rendere la pagina dinamica tramite css, così vedi sempre solo due pulsanti.
Impaginata meglio e studiando come applicarla ad un dropdown (se si può) potrebbe rendere molto bene.

La setTimeout è Javascript.
 
Allora mi sa che non ho incorporato bene il codice CSS. Dove va messo esattamente?

Poi, un'altra domanda: il codice qui sotto mette ad 1 e poi subito a 0 la variabile Reset_All, giusto?

Codice: 
<input type="submit" value="Start">
<input type="hidden" name='Reset_All' size="20px" value="1">
<input type="hidden" name='Reset_All' size="20px" value="0">
<input type="hidden" name='Model_1' size="20px" value="1">
 
mikla90 ha detto:
Allora mi sa che non ho incorporato bene il codice CSS
Clicca per espandere...
Eh eh, immaginavo ;)

Questa è una pagina completa che puoi provare anche da sola (testata con Chrome)
HTML: 
<!DOCTYPE html>
<html>
<title>Test</title>
<style>
    div {
      display:none;
    }
    input:checked + div {
        display: block;
    }
</style>
<body>
    <input name="Model" type="radio" value="1" />Model_1
    <div id="Model_1">
      <input type="submit" value="Start">
      <input type="hidden" name="Model_1" size="20px" value="1">
      <input type="submit" value="Reset">
      <input type="hidden" name='Model_1' size="20px" value="0">
    </div>
    <br>
    <input name="Model" type="radio" value="2" />Model_2
    <div id="Model_2">
      <input type="submit" value="Start">
      <input type="hidden" name="Model_2" size="20px" value="1">
      <input type="submit" value="Reset">
      <input type="hidden" name='Model_2' size="20px" value="0">
    </div>
    <br>
    <input name="Model" type="radio" value="3" />Model_3
    <div id="Model_3">
      <input type="submit" value="Start">
      <input type="hidden" name="Model_3" size="20px" value="1">
      <input type="submit" value="Reset">
      <input type="hidden" name='Model_3 size="20px" value="0">
    </div>
</body>
</html>

Non mi piace il posizionamento ma provando a mettere i pulsanti in fondo il meccanismo si rompe... devo studiare meglio il potenziale dei CSS :boh:


mikla90 ha detto:
Poi, un'altra domanda: il codice qui sotto mette ad 1 e poi subito a 0 la variabile Reset_All, giusto?
Clicca per espandere...
No.
Quel codice crea due elementi input nascosti.

Il codice HTML non è il flusso di un codice ma un elenco di elementi da inserire in una pagina.
 
Bella la tua soluzione, Mursey. Per ora, sono giunto ad una soluzione fisivamente decente così e mi hanno dato altre priorità a lavorare. Quando, inevitabilmente, dovrò rimetterci mano proverò ad integrarlo. Grazie!

Un'ultima cosa: anche se non lo uso più, il codice di cui sopra (quello del Reset_All 0 e poi 1) cosa fa quindi? Niente?
 
Pubblicità
Pubblicità
Indietro
Top