"Variabili" HTML

[Mursey]

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:

<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...

 

[mikla90]

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!

 

[Mursey]

div {
  display:none;
}
input:checked + div {
    display: block;
}

<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 :)

 

[mikla90]

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

<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!

 

[Mursey]

Ehm no, mi avevi risposto al messaggio 17 ma il 18 è diverso ed introduce radio button al posto di una dropdownlist...

 

[mikla90]

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.

 

[Mursey]

come layout preferisco mantenere il mio

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.

 

[mikla90]

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?

<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">

 

[Mursey]

Allora mi sa che non ho incorporato bene il codice CSS

Eh eh, immaginavo ;)

Questa è una pagina completa che puoi provare anche da sola (testata con Chrome)

<!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:

---

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

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.

 

[mikla90]

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?

 

[Mursey]

il codice di cui sopra (quello del Reset_All 0 e poi 1) cosa fa quindi? Niente?

Crea due elementi nel DOM (https://it.wikipedia.org/wiki/Document_Object_Model) nascosti, con lo stesso nome ma uno con valore 1 e l'altro con valore 0.

 

[mikla90]

In pratica, non serve a nulla. Grazie mille!