Horecuperato in rete uno script per le tab in ajax, e funziona perfettamente.
Adesso vorrei far in modo che una volta cliccata una tab, il relativo[*] assumesse id current ed ovviamente quello che era current lo perdesse.
ciao
ps. sono a digiuno di js
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript">
function init () {
var tabs = document.getElementsByClassName('tabs');
for (var i = 0; i < tabs.length; i++) {
$(tabs[i].id).onclick = function () {
getTabData(this.id);
}
}
}
function getTabData(id) {
var url = 'process.php';
var rand = Math.random(9999);
var pars = 'id=' + id + '&rand=' + rand;
var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function showLoad () {
$('load').style.display = 'block';
}
function showResponse (originalRequest) {
var newData = originalRequest.responseText;
$('load').style.display = 'none';
$('content').innerHTML = newData;
}
</script>
<ul>
<li id="current" style="margin-left: 1px"><span>Meteo</span>[*]<span>Webcam</span>[*]<span>Video</span>[/list]
Rispondi quotando
