Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Problemi di script con Mozilla

    Ciao!

    Io ho fatto questo script, mostra/nasconde blocchi e nel medesimo istante evidenzia il link cliccato.
    Funziona con Explorer, ma non con Mozilla 1.4 che mi da' errore sulla rimozione dell'attributo style.. (document.getElementById(namel).removeAttribute('s tyle')eppure supporta il metodo :-(

    eccovi lo script js(DOM):
    function showBlock(idhref, elemento) {
    //alert("id elemento= " + idhref + " - elemento: " + elemento);
    for(i=0; i < document.getElementsByTagName("div").length; i++) {
    var idel = document.getElementsByTagName("div").item(i).getAt tribute("id");
    if (idel != '') {
    if (idel != idhref) {
    document.getElementById(idel).style.display='none' ;
    } else {
    document.getElementById(idel).style.display='block ';
    }
    }
    }
    for(l=0; l < document.getElementsByTagName("a").length; l++) {
    var namel = document.getElementsByTagName("a").item(l).getAttr ibute("id");
    if (namel != '') {
    if (namel == elemento) {
    document.getElementById(namel).style.color="#00000 0";
    document.getElementById(namel).style.backgroundCol or="#e1e1e1";
    document.getElementById(namel).style.fontWeight="b old";
    } else {
    document.getElementById(namel).removeAttribute('st yle');
    }
    }
    }
    }
    Qualche idea del perchè? E' solo una questione di stile ^__^ se non c'è soluzione lo tengo così.

  2. #2

    soluzione (forse)

    Ciao!
    Non so se interessa a qualcuno, ma ho risolto il problemino di visualizzazione ^____^
    Purtroppo se faccio il debug del javascript con netscape7/mozzilla1.4 dice che trova un errore, ma l'effetto visibile è garantito anche per loro. Prossimo passo: renderlo compatibile anche con opera :metallica

    Eccovi il nuovo script. (scusate l'indentazione... ma non viene bene qui)
    /* funzione principale per mostrare/nascondere i
    blocchi e caricare l'effetto sul menu'*/

    function showBlock(idhref, elemento) {
    var nome = new Array ("dati","peo","ctt","off","doc","event");
    for(i=0; i < document.getElementsByTagName("div").length; i++) {
    var idel = document.getElementsByTagName("div").item(i).getAt tribute("id");
    for (j = 0; j < nome.length; ++j) {
    if (idel != idhref) {
    document.getElementById(idel).style.display='none' ;
    } else {
    document.getElementById(idel).style.display='block ';
    }
    }
    }

    nomeLista(elemento);
    }

    /* funzione per gestire la lista di link contenenti un id
    per identificare quelli del menu' sul quale avra' effetto
    il cambio di colore+sfondo */

    function nomeLista(elemento) {
    var listaEl = new Array();
    for(l=0; l < document.getElementsByTagName("a").length; l++) {
    if (document.getElementsByTagName("a").item(l).getAtt ribute("id") != "") {
    nome = document.getElementsByTagName("a").item(l).getAttr ibute("id");
    listaEl = listaEl.concat(nome);
    }
    }
    //alert("elementi trovati= " + listaEl.length + " lista elementi= " + listaEl);

    for(x = 0; x < listaEl.length; x++) {
    //alert(x);
    if (listaEl[x] != elemento) {
    //alert(listaEl[x]);
    document.getElementById(listaEl[x]).removeAttribute('style');
    } else {
    document.getElementById(elemento).style.color="#e1 e1e1";
    document.getElementById(elemento).style.background Color="#800000";
    }
    }
    }
    /*------- ecco come richiamo il tutto in html --------
    Persone

    --------- la classe per il link e' gestita dal css che segue ---
    A.anagmenu, A.anagmenu:visited {
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    BORDER-LEFT: silver 1px solid;
    BORDER-BOTTOM: silver 1px solid;
    COLOR: #696969; BACKGROUND-COLOR: silver;
    TEXT-DECORATION: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: normal;
    display: block; vertical-align: middle;
    text-align: center; width: 90px;
    }
    A.anagmenu:hover {
    BORDER-RIGHT: 1px solid Black;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: 1px solid White;
    BORDER-BOTTOM: 1px solid Black;
    COLOR: black; BACKGROUND-COLOR: silver;
    TEXT-DECORATION: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: normal;
    display: block; vertical-align: middle;
    text-align: center; width: 90px;
    }
    -------- */

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.