• User

    come creare un semaforo?!?

    Ciao, a tutti...
    come informa il titolo, io volevo provare a creare un semaforo in html, o java, che cambiasse colore a seconda di varie azioni.

    Qualcuno a qualche idea?!?...o a già qualche script da propormi!? grazie mille:figo:


  • User Attivo

    Fai un'esempio delle azioni, comunque penso in Javascript.


  • User

    esempio....:?

    ho 3 gif colorate, con un pulsante faccio lampeggiare la rossa
    con un pulsante faccio lampeggiare la verde
    con un pulsante faccio lampeggiare la gialla

    ...io sto provando con il blink,...


  • User

    esempio....:?

    ho 3 gif colorate, con un pulsante faccio lampeggiare la rossa
    con un pulsante faccio lampeggiare la verde
    con un pulsante faccio lampeggiare la gialla

    ...io sto provando con il blink,...vi scrivo quello che ho trovato e modificato, sono riusciti a link ai bottoni che comando ogni singola GIF, però non riesco a controllare molto bene le luci.
    Mi spiego se attivo una luce qualsiasi, tutto funziona. Ma quando attivo la seconda, mi va in contemporanea con la prima, idem se attivo anke l'ultima. Devo ankora riuscire a interbloccarle.
    Qualcuno a qualche idea.
    (lo so che è spiegato male, vi conviene provare per capire.)

    <!-- TWO STEPS TO INSTALL BLINKING TEXT:

    1. Copy the coding into the HEAD of your HTML document
    2. Add the last code into the BODY of your HTML document -->
      <!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
      <HEAD>
      <SCRIPT LANGUAGE="JavaScript">
      <!-- This script and many more are available free online at -->
      <!-- The JavaScript Source!! http://javascript.internet.com -->
      <!-- Original: Premshree Pillai ([EMAIL="[email protected]"][email protected][/EMAIL] ) -->
      <!-- Web Site: http://www.qiksearch.com -->
      <!-- Begin
      window.onerror = null;
      var bName = navigator.appName;
      var bVer = parseInt(navigator.appVersion);
      var NS4 = (bName == "Netscape" && bVer >= 4);
      var IE4 = (bName == "Microsoft Internet Explorer"
      && bVer >= 4);
      var NS3 = (bName == "Netscape" && bVer < 4);
      var IE3 = (bName == "Microsoft Internet Explorer"
      && bVer < 4);
      var blink_speed=200;
      var i=0;

    if (NS4 || IE4) {
    if (navigator.appName == "Netscape") {
    layerStyleRef="layer.";
    layerRef="document.layers";
    styleSwitch="";
    }else{
    layerStyleRef="layer.style.";
    layerRef="document.all";
    styleSwitch=".style";
    }
    }
    //BLINKING
    function Blink(layerName){
    if (NS4 || IE4) {
    if(i%2==0)
    {
    eval(layerRef+'["'+layerName+'"]'+
    styleSwitch+'.visibility="visible"');
    }
    else
    {
    eval(layerRef+'["'+layerName+'"]'+
    styleSwitch+'.visibility="hidden"');
    }
    }
    if(i<1)
    {
    i++;
    }
    else
    {
    i--
    }
    setTimeout("Blink('"+layerName+"')",blink_speed);
    }
    // End -->
    </script>
    </HEAD>
    <!-- STEP TWO: Copy this code into the BODY of your HTML document -->
    <BODY>
    <font id="green_hint" style="position:relative; left:0; visibility:hidden" class="green_hint">
    <img src="green.bmp">
    </font>
    <font id="red_hint" style="position:relative; left:0; visibility:hidden" class="red_hint">
    <img src="red.bmp">
    </font>
    <font id="yellow_hint" style="position:relative; left:0; visibility:hidden" class="prem_hint">
    <img src="yellow.bmp">
    </font>
    <br>
    <FORM>
    <INPUT TYPE="button" VALUE="red" onClick="Blink('red_hint')">
    <INPUT TYPE="button" VALUE="yellow" onClick="Blink('yellow_hint')">
    <INPUT TYPE="button" VALUE="green" onClick="Blink('green_hint')">
    </form>
    </body>