Visualizzazione dei risultati da 1 a 4 su 4

Discussione: SEMAFORO

  1. #1

    SEMAFORO

    Devo utilizzando o i css, o html o java script creare un semaforo.

    In partica inserisco un numero in una tabella e a seconda del numero deve essere accesa una luce diversa del semaforo.

    (es 0-10 verde 10-20 giallo >20 rosso)

    Qualcuno può aiutarmi?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dovresti essere piu` specifico.

    La "tabella" da dove viene? Non e` per caso un campo di input?
    Cosa e` per te un semaforo? Tre immagini che devono essere sostituite nello stesso posto (quindi e` un semplice rollover)? Oppure due immagini in ciascuno di tre posti? Oppure tre checkbox? Oppure una collezione di tre radio?

    Con css da solo non e` possibile, serve anche JS (se da fare tutto lato client) oppure un programma lato server (ASP, PHP, CGI, ... - se l'origine e` un database)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    i dati vengono inseriti da un automa direttamente nella tabella html (fra i due tag TD)

    Per semaforo intendo una tabella (va bene anche quadrata) con i tre campi che si colorano a seconda del valore della varibaile.

    Per ora ho trovato la soluzione che metto qua ma l'automa deve scrivere il dato 2 volte sia nel campo valore della variabile sia nella tabella, fra i tag td

    L'ideale sarebbe riscire a metterlo solo una volta.


    <head>
    <title>PROVA</title>
    <script language="javascript">
    function cambia()
    {
    var sfondov
    var sfondog

    var code
    sfondov= 00
    sfondog= "ff"

    code= 10
    if (code<11)
    verde.bgColor = "#" + sfondov + "ff00";
    else if (code<25)
    giallo.bgColor = "#" + sfondog + "ff00";
    else
    rosso.bgColor = "#" + sfondog + "0000";
    }
    </script>

    <meta name="generator" content="Namo WebEditor v5.0(Trial)">
    </head>
    <body onload="cambia();" >
    <table>
    <tr>
    <td>
    <table id="rosso" border="1"><tr><td width="30" height="30"></td></tr></table>
    </td>
    <td>
    <table id="giallo" border="1"><tr><td width="30" height="30"></td></tr></table>
    </td>
    <td>
    <table id="verde" border="1"><tr><td width="30" height="30"></td></tr></table>
    </td>
    <td width="50"></td><td width="50"></td>
    <tr><td height="20"><td></tr>
    <tr><td colspan="4" valign="midle"><font size="4" color="blue">CHIAMATE IN CODA:</font></td><td valign="midle">
    <font color="#ff0000" size="4"> [b]10[B]</font >
    </td>
    </tr>
    </table>
    </body>

    Questa pagina fa parte di un frame che si aggiorna in automatico ogni 10 sec dopo che l'automa ha mesos il dato.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il linguggio usato e` di tipo vecchio (HTML2), che io non uso piu` da anni.
    Inoltre alcune istruzioni usate funzionano solo in qualche browser.

    Sarebbe meglio convertire in HTML4 o XHTML + CSS.


    E poi a che serve la tabella? Non sarebbe meglio usare altri oggetti (es. un <div> con all'interno tre immagini)?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.