- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Effetto ajax con questo script
-
Effetto ajax con questo script
Ciao ragazzi, ho scaricato questo script
http: //javascript.html.it/script/ve...tenuti-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??
Allora questa è la prima parte
[php]<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc1', this)">Giochi flash</a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" >Giochi cellulare</a></li>
</ul><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 src="<? echo "$url"; ?>/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><br /><a href="<? echo "$url"; ?>/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></a>
<?
}?></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>[/php]
Questa è la seconda parte[php]<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc3', this)">I più giocati</a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" >I più votati</a></li>
</ul><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_lim, 0, 24)."...";
}
?>
» <a href="<? echo "$url"; ?>/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); ?></a> <p style="display:inline; font-size:8px;">(<? echo "$click"; ?>)</p><br /><?
}
?>
</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_lim, 0, 24)."...";
}
?>
» <a href="<? echo "$url"; ?>/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); ?></a><br /><?
}
?>
</div>[/php]Questo invece è il file java.js che è allegato alla pagina[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(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}var previoustab=""
function expandcontent(cid, aobject){
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=0; i<tabobjlinks.length; i++)
tabobjlinks*.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=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks*){
tabsourceindex=i //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(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
[/php]e grazie