Visualizzazione dei risultati da 1 a 2 su 2

Discussione: hide/show div

  1. #1

    hide/show div

    a seconda del radio button selezionato devo far apparire oppure nascondere dei div oppure dei td guardando un po in giro ho trovato molti script tra cui anche questo

    <HTML>
    <HEAD>
    <SCRIPT language="Javascript1.2">
    <!--
    var n=null;
    function change(n)
    {
    if (n==1)
    {
    document.getElementById('A').checked=true;
    document.getElementById('1').style.visibility='vis ible';
    document.getElementById('1').focus();
    document.getElementById('2').style.visibility='hid den';
    document.getElementById('3').style.visibility='hid den';
    }
    if (n==2)
    {
    document.getElementById('B').checked=true;
    document.getElementById('2').style.visibility='vis ible';
    document.getElementById('2').focus();
    document.getElementById('1').style.visibility='hid den';
    document.getElementById('3').style.visibility='hid den';
    }
    if (n==3)
    {
    document.getElementById('C').checked=true;
    document.getElementById('3').style.visibility='vis ible';
    document.getElementById('3').focus();
    document.getElementById('1').style.visibility='hid den';
    document.getElementById('2').style.visibility='hid den';
    }
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY onload="change(1);">
    <DIV align="center">
    <FORM action="fields.html" method="post">
    <TABLE border="0">
    <TR><TD align="center">
    <FIELDSET>
    <LEGEND>Selezionare opzione desiderata</LEGEND>
    <INPUT id="A" type="radio" name="pippo" onClick="change(1);">Opzione 1

    <INPUT id="B" type="radio" name="pippo" onClick="change(2);">Opzione 2

    <INPUT id="C" type="radio" name="pippo" onClick="change(3);">Opzione 3
    </FIELDSET>
    </TD></TR></TABLE></FORM>

    <TABLE border="0" align="center">
    <TR><FORM action="fields.html" method="post">
    <TD><INPUT id="1" type="text" size="20"></TD>
    <TD><INPUT id="2" type="text" size="20" style="visibility:hidden;"></TD>
    <TD><INPUT id="3" type="text" size="20" style="visibility:hidden;"></TD>
    </FORM></TR></TABLE></BODY></HTML>

    tutto bene con firefox, il problema invece e' che con il "sicurissimo" explorer quando vado a eseguirlo esce fuori l'avviso che si sta eseguendo uno script ecc... non ci sarebbe nulla di male, se per esperienza non sapessi che molte persone quando vedono un annuncio del genere desistono, non sapendo di cosa si tratta, oppure riempiono di mail il servizio assistenza dicedo che la pagina non funziona non accorgendosi dell'avviso.
    Questo problema lo ho con tutti gli script con lo stesso funzionamento di questo, come posso ovviare al problema quale altro metodo posso adottare, magari usando qualche funzione di scriptacoulous che ho intenzione di iniziare ad usare?
    Grazie per le risposte

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    l' avviso di cui parli appare solo vedendo la pagina in locale
    (tra l' altro sarebbe possibile anche disabilitarlo)
    visitando pagine online non appare,
    quindi non è un problema di compatibilità tra browser di cui preoccuparsi

    evita id o name solo numerici o che comincino per numero, non sono conformi agli standard

    ciao

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.