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

    Effetto ajax con questo script

    Ciao ragazzi, ho scaricato questo script

    http://javascript.html.it/script/ved...enuti-con-tab/

    Adesso ho un problemino avrei la necessità di usarlo per due volte nella stessa pagina, mi basterebbe cambiare i nomi delle variabili ma non ci riesco ha venire a galla... Mi riuscite ha dire quali variabili devo cambire??


  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: Effetto ajax con questo script

    Originariamente inviato da Alex90
    Ciao ragazzi, ho scaricato questo script

    http://javascript.html.it/script/ved...enuti-con-tab/

    Adesso ho un problemino avrei la necessità di usarlo per due volte nella stessa pagina, mi basterebbe cambiare i nomi delle variabili ma non ci riesco ha venire a galla... Mi riuscite ha dire quali variabili devo cambire??

    Posta la tua pagina... per evitare di doverci reinventare tutto

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Allora questa è la prima parte

    Codice PHP:
    <ul id="tablist">[*][url="#"]Giochi flash[/url][*][url="#"]Giochi cellulare[/url][/list]


    <div id="tabcontentcontainer">

    <div id="sc1" class="tabcontent">
    <? 
    $query 
    mysql_query("SELECT * FROM giochi_files ORDER BY id_gioco DESC LIMIT 0,1");
    while(
    $riga mysql_fetch_array($query)) {

    $id=$riga['id_gioco'];
    $nome=$riga['nome'];
    $nome_ str_replace(" ""_"$nome);

    $descrizione=$riga["descrizione"];
    $immagine=$riga['screenshot_path'];
    $file_path=$riga['file_path'];
    $cat_id=$riga['cat_id'];
    $cat_id_ str_replace("_"" "$cat_id);
    ?>
    <a href="<? echo "$url"?>/giochi-gratis-flash/<? echo "$cat_id"?>/<? echo "$id"?>_<? echo "$nome_"?>.html">
    [img]<? echo [/img]/images/giochi-flash/<? echo "$immagine"?>" alt="giochi online gratis <? echo "$nome"?><? echo "$cat_id"?>" border="0" width="130" height="80"  style="padding-bottom:1px;" />
    </a>


    [url="<? echo "]/giochi-gratis-flash/<? echo "$cat_id"; ?>/<? echo "$id"; ?>_<? echo "$nome_"; ?>.html" title="giochi online gratis <? echo "$nome"; ?>, <? echo str_replace("_", " ", $cat_id); ?>">[b]<? echo strtoupper($nome); ?>[/b][/url]
    <?
    }

    ?></div>

    <div id="sc2" class="tabcontent">
    "La CIA seppe del Muro di Berlino solo quando gli crollo' addosso".
    Denzel Washington (Anthony Hubbard) in Attacco al Potere</div>

    </div>

    Questa è la seconda parte

    Codice PHP:
    <ul id="tablist">[*][url="#"]I pi&ugrave; giocati[/url][*][url="#"]I pi&ugrave; votati[/url][/list]


    <div id="tabcontentcontainer">

    <div id="sc3" class="tabcontent" style="text-align:left;">

    <?


    $query 
    mysql_query("SELECT * FROM giochi_files ORDER BY click DESC LIMIT 0,7 ");
    while(
    $riga mysql_fetch_array($query)) {

    $id=$riga['id_gioco'];
    $nome=$riga['nome'];
    $nome_ str_replace(" ""_"$nome);
    $descrizione=$riga["descrizione"];
    $immagine=$riga['screenshot_path'];
    $file_path=$riga['file_path'];
    $cat_id=$riga['cat_id'];
    $nome_lim =$riga['nome'];
    $click $riga['click'];

    if (
    strlen($nome_lim) > 28) {
     
    $nome_lim substr($nome_lim024)."...";
    }
    ?>
    &raquo; [url="<? echo "]/giochi-gratis-flash/<? echo "$cat_id"; ?>/<? echo "$id"; ?>_<? echo "$nome_"; ?>.html" title="giochi online <? echo "$nome"; ?>, giochi flash <? echo "$nome"; ?>, <? echo "$nome"; ?>" class="box"><? echo htmlentities($nome_lim); ?>[/url] <p style="display:inline; font-size:8px;">(<? echo "$click"?>)</p>



    <?
    }
    ?>    
    </div>

    <div id="sc4" class="tabcontent" style="text-align:left;">
    <?


    $query 
    mysql_query("SELECT * FROM giochi_files ORDER BY numero_voti DESC LIMIT 0,7 ");
    while(
    $riga mysql_fetch_array($query)) {

    $id=$riga['id_gioco'];
    $nome=$riga['nome'];
    $nome_ str_replace(" ""_"$nome);
    $descrizione=$riga["descrizione"];
    $immagine=$riga['screenshot_path'];
    $file_path=$riga['file_path'];
    $cat_id=$riga['cat_id'];
    $nome_lim =$riga['nome'];


    if (
    strlen($nome_lim) > 28) {
     
    $nome_lim substr($nome_lim024)."...";
    }
    ?>
    &raquo; [url="<? echo "]/giochi-gratis-flash/<? echo "$cat_id"; ?>/<? echo "$id"; ?>_<? echo "$nome_"; ?>.html" title="giochi online <? echo "$nome"; ?>, giochi flash <? echo "$nome"; ?>, <? echo "$nome"; ?>" class="box"><? echo htmlentities($nome_lim); ?>[/url]



    <?
    }
    ?>
    </div>
    Questo invece è il file java.js che è allegato alla pagina

    Codice PHP:
    //Ajax giochi flash

    //Set tab to intially be selected when page loads:
    //[which tab (1=first tab), ID of tab content to display]:
    var initialtab=[1"sc1"]

    ////////Stop editting////////////////

    function cascadedstyle(elcsspropertycsspropertyNS){
    if (
    el.currentStyle)
    return 
    el.currentStyle[cssproperty]
    else if (
    window.getComputedStyle){
    var 
    elstyle=window.getComputedStyle(el"")
    return 
    elstyle.getPropertyValue(csspropertyNS)
    }
    }

    var 
    previoustab=""

    function expandcontent(cidaobject){
    if (
    document.getElementById){
    highlighttab(aobject)
    detectSourceindex(aobject)
    if (
    previoustab!="")
    document.getElementById(previoustab).style.display="none"
    document.getElementById(cid).style.display="block"
    previoustab=cid
    if (aobject.blur)
    aobject.blur()
    return 
    false
    }
    else
    return 
    true
    }

    function 
    highlighttab(aobject){
    if (
    typeof tabobjlinks=="undefined")
    collecttablinks()
    for (
    i=0i<tabobjlinks.lengthi++)
    tabobjlinks[i].style.backgroundColor=initTabcolor
    var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
    aobject
    .style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
    }

    function 
    collecttablinks(){
    var 
    tabobj=document.getElementById("tablist")
    tabobjlinks=tabobj.getElementsByTagName("A")
    }

    function 
    detectSourceindex(aobject){
    for (
    i=0i<tabobjlinks.lengthi++){
    if (
    aobject==tabobjlinks[i]){
    tabsourceindex=//source index of tab bar relative to other tabs
    break
    }
    }
    }

    function 
    do_onload(){
    var 
    cookiename=(typeof persisttype!="undefined" && persisttype=="sitewide")? "tabcontent" window.location.pathname
    var cookiecheck=window.get_cookie && get_cookie(cookiename).indexOf("|")!=-1
    collecttablinks
    ()
    initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor""background-color")
    initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor""background-color")
    if (
    typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
    var 
    cookieparse=get_cookie(cookiename).split("|")
    var 
    whichtab=cookieparse[0]
    var 
    tabcontentid=cookieparse[1]
    expandcontent(tabcontentidtabobjlinks[whichtab])
    }
    else
    expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
    }

    if (
    window.addEventListener)
    window.addEventListener("load"do_onloadfalse)
    else if (
    window.attachEvent)
    window.attachEvent("onload"do_onload)
    else if (
    document.getElementById)
    window.onload=do_onload 

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    In questo forum si parla di linguaggi lato client, il PHP, oltre ad essere incomprensibile a qualcuno , non e' utile alla comprensione del problema perche' la quasi totalita' delle volte la pagina risultante e' impredicibile, dato che tutte le variabili non sono valorizzate.

    Posta la pagina come la riceve il browser.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Ecco qui il codice senza la parte di php...

    Codice PHP:
    <ul id="tablist">[*][url="#"]Giochi flash[/url][*][url="#"]Giochi cellulare[/url][/list]

    <
    div id="tabcontentcontainer">
    <
    div id="sc1" class="tabcontent">Giochi flash</div>
    <
    div id="sc2" class="tabcontent">Giochi cellulare</div>
    </
    div

    Questa è la seconda parte

    Codice PHP:
    <ul id="tablist">[*][url="#"]I pi&ugravegiocati[/url][*][url="#"]I pi&ugravevotati[/url][/list]


    <
    div id="tabcontentcontainer">
    <
    div id="sc3" class="tabcontent" style="text-align:left;">i più giocati    </div>
    <
    div id="sc4" class="tabcontent" style="text-align:left;">I più votati</div>
    </
    div
    Questo invece è il file java.js che è allegato alla pagina

    Codice PHP:
    //Ajax giochi flash

    //Set tab to intially be selected when page loads:
    //[which tab (1=first tab), ID of tab content to display]:
    var initialtab=[1"sc1"]

    ////////Stop editting////////////////

    function cascadedstyle(elcsspropertycsspropertyNS){
    if (
    el.currentStyle)
    return 
    el.currentStyle[cssproperty]
    else if (
    window.getComputedStyle){
    var 
    elstyle=window.getComputedStyle(el"")
    return 
    elstyle.getPropertyValue(csspropertyNS)
    }
    }

    var 
    previoustab=""

    function expandcontent(cidaobject){
    if (
    document.getElementById){
    highlighttab(aobject)
    detectSourceindex(aobject)
    if (
    previoustab!="")
    document.getElementById(previoustab).style.display="none"
    document.getElementById(cid).style.display="block"
    previoustab=cid
    if (aobject.blur)
    aobject.blur()
    return 
    false
    }
    else
    return 
    true
    }

    function 
    highlighttab(aobject){
    if (
    typeof tabobjlinks=="undefined")
    collecttablinks()
    for (
    i=0i<tabobjlinks.lengthi++)
    tabobjlinks[i].style.backgroundColor=initTabcolor
    var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
    aobject
    .style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
    }

    function 
    collecttablinks(){
    var 
    tabobj=document.getElementById("tablist")
    tabobjlinks=tabobj.getElementsByTagName("A")
    }

    function 
    detectSourceindex(aobject){
    for (
    i=0i<tabobjlinks.lengthi++){
    if (
    aobject==tabobjlinks[i]){
    tabsourceindex=//source index of tab bar relative to other tabs
    break
    }
    }
    }

    function 
    do_onload(){
    var 
    cookiename=(typeof persisttype!="undefined" && persisttype=="sitewide")? "tabcontent" window.location.pathname
    var cookiecheck=window.get_cookie && get_cookie(cookiename).indexOf("|")!=-1
    collecttablinks
    ()
    initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor""background-color")
    initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor""background-color")
    if (
    typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
    var 
    cookieparse=get_cookie(cookiename).split("|")
    var 
    whichtab=cookieparse[0]
    var 
    tabcontentid=cookieparse[1]
    expandcontent(tabcontentidtabobjlinks[whichtab])
    }
    else
    expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
    }

    if (
    window.addEventListener)
    window.addEventListener("load"do_onloadfalse)
    else if (
    window.attachEvent)
    window.attachEvent("onload"do_onload)
    else if (
    document.getElementById)
    window.onload=do_onload 

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.