Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    10

    creare percorso di navigazione

    salve a tutti e grazie in anticipo per l'attenzione.
    sto costruendo un sito personale con dreamweaver MX
    e vorrei aggiungere una piccola kikka alle pagine:
    vorrei ke venisse visualizzato, x ogni pagina, il percorso di navigazione seguito, a sua volta clikkabile per riportare l'utente alle pagine visitate...
    se nn sono stato abbastanza kiaro, basta prendere come esempio il percorso utilizzato in questo sito
    (Vedi sotto la voce di discussione):
    HTML.it forum >risorse per webmaster> HTML...

    KE CODICE DEVO INSERIRE? COME SI FA?!?!


    MI AIUTERETE?
    SXO DI SI,
    P L E A S E

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    o lo scrivi tu in maniera statica altrimenti ti serve uno scripting js, io ho realizzato una cosa del genere usando XML e js però gira solo sotto browser che supportano XML

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    10
    grazie 1000 per la risposta immediata,ma nn cerco qualcosa di statico,
    vorrei ke si aggiornasse di volta in volta, man mano ke si visitano le diverse pagine del sito

  4. #4
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    quello che ho fatto io è dinamico in base alla pagina ma, come ho detto prima, non funziona se il browser non supporta XML

  5. #5
    aspetta che su js nella newsletter c'era una cosa del genere !

    la cerco e ti do il link!

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    10

    thanks

    grazie 1000:gren:

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    10

    come creo il percorso?

    per favore c'è qualcuno che possa darmi una mano?

    è un bel pò ke sto cercando una soluzione,
    ma evidentemente da solo nn ci riesco...
    magari se cè qualke sito esplicativo o qcn ke mi dia una mano...




    . . . . . P L E A S E . . . .

  8. #8
    ok!
    pra lo cerco e ti do il link!

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    10

    grazie

    grazie 1000 Piero,
    confido in te...
    aspetto una tua risposta:quipy:

  10. #10
    TROVATO !
    :mavieni:

    eccotelo qui :

    Lo script è particolarmente lungo e quindi, per comodità, è stato inserito in un file .js esterno.
    Per richiamarlo nelle pagine utilizziamo questa sintassi (da usare tra i tag <head>):


    ------------------------------------------
    <script language="Javascript" src="path.js" type="text/javascript"></script>
    ------------------------------------------


    "path.js" è il nome del file esterno.

    Sempre tra i tag <head> inseriamo questi fogli di stile:


    ------------------------------------------
    <style>
    .breadcrumbs {
    FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #000000; TEXT-DECORATION: none
    }
    A.breadcrumbs:hover {
    FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #006699; TEXT-DECORATION: underline
    }
    A.breadcrumbs:active {
    FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #000000; TEXT-DECORATION: underline
    </style>
    ------------------------------------------


    Queste tre classi (chiamate breadcrumbs) non sono altro che i fogli di stile che determinano l'aspetto grafico della stringa. Possiamo personalizzarle a piacere.

    Adesso non resta altro che inserire questa stringa nel body delle pagine:


    ------------------------------------------
    <SCRIPT>
    <!-- //
    breadCrumbs("http://www.html.it","&gt;&gt;","&gt;","breadcrumbs","brea dcrumbs","breadcrumbs","0");
    // -->
    </SCRIPT>
    ------------------------------------------


    Vediamo i parametri da personalizzare:

    "http://www.html.it"
    l'URL del vostro sito

    "&gt;&gt;"
    i separatori tra la parola "Home" e le altre directory. Utilizzando "&gt;&gt;" avremo "Home >> directory"

    "&gt;"
    il carattere separatore tra le singole directory. Utilizzando "&gt;" avremo "directory > directory2 > directory3"

    "breadcrumbs","breadcrumbs","breadcrumbs"
    sono i nomi delle tre classi del foglio di stile. in caso non volessimo usarle basterà cancellare le tre parole

    "0"
    con valore "0" avremo una stringa estesa per orizzontale. cambiando il valore in "1" avremo una stringa su due piani simile a questa:


    ------------------------------------------
    Home >> directory >
    pagina
    ------------------------------------------


    Altre personalizzazioni non sono necessarie.
    e path.js :

    <!--
    function breadCrumbs($home_directory, $divider1, $divider2, $cStyle, $tStyle, $dStyle, $new_line) {

    $location = window.location.toString();
    $subString = $location.substr($location.indexOf($home_directory ) + $home_directory.length + 1).split("/");

    document.write("<a href=\"" + getLoc($subString.length - 1)+ "\" class=\"" + $cStyle + "\">Home</a> " + "<span class=\"" + $dStyle + "\">" + $divider1 + "</span> ");

    $a = ($location.indexOf() == -1) ? 1 : 2;
    for (i = 0; i < $subString.length - $a; i++) {
    $subString[i] = makeCaps(unescape($subString[i]));

    document.write("<a href=\"" + getLoc($subString.length - i - 2) + "\" class=\"" + $cStyle + "\">" + $subString[i] + "</a> " + "<span class=\"" + $dStyle + "\">" + $divider2 + "</span> ");
    }

    if ($new_line == 1) {
    document.write("
    ");
    }
    document.write("<span class=\"" + $tStyle + "\">" + document.title + "</span>");
    }
    function makeCaps($a) {
    $sub_dir_name = $a.split(" ");

    for (l = 0; l < $sub_dir_name.length; l++) {
    $sub_dir_name[l] = $sub_dir_name[l].toUpperCase().slice(0, 1) + $sub_dir_name[l].slice(1);
    }
    return $sub_dir_name.join(" ");
    }
    function getLoc($num) {
    var $path = "";
    if ($num > 0) {
    for ($count = 0; $count < $num; $count++) {
    $path = $path + "../";
    }
    }
    return $path;
    }
    //-->

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.