HO corretto da solo, però ho notato una cosa sulla grafica: su chrome in un contenitore largo 800px, se suddivido nel suo interno due elementi su cui al primo metto 462px e sul secondo 338px (per far come esempio il mio sito), google me lo tiene dentro perché la somma è di 800px, mentre firefox mi dà un margine di 5px in più e mi manda a capo il secondo elemento
Ho allargato di quei 5 px il contenitore.
comunque io passerei al mio secondo problema dell'ajax che a molti non carica, forse perché mando troppe informazioni,
in buona sostanza questo è il javascript:
Codice HTML:
rikkusGames(3,1821);
var uno = setInterval(function(){
rikkusGames(2,1821);//acquatica: 125779 //2097185 = cristallo tigre reale
rikkusGames(1,1821);//wobba: 2115221 //Orecchie di Tanaka = 111888
//forzieri estivi: 357473
},1000);
var diciotto = setInterval(function(){
rikkusGames(3,357473);//aggiornamenti: 1821
},18000);
Che fa partire la funzioncina dove richiedo l'ajax, eccolo qui:
Codice HTML:
function rikkusGames(ch,ide){
$.ajax( 'palio.php?ch=' + ch + '&ide=' + ide )
.done(function() {
})
.fail(function() {
document.getElementById("loading").innerHTML = "Fallito il richiamo al server";
})
.always(function(transport){
document.getElementById("loading").innerHTML = null;
switch(ch){
case 1:
var points = transport.getElementsByTagName("points")[0].childNodes[0].nodeValue;
var position = transport.getElementsByTagName("position")[0].childNodes[0].nodeValue;
document.getElementById("your_punti_correnti").innerHTML = points;
document.getElementById("your_posizione_corrente").innerHTML = position;
break;
case 2:
var iamcard = transport.getElementsByTagName("iamcard")[0].childNodes[0].nodeValue;
var iamname = transport.getElementsByTagName("iamname")[0].childNodes[0].nodeValue;
var cosa = transport.getElementsByTagName("cosa")[0].childNodes[0].nodeValue;
var unita = parseInt(transport.getElementsByTagName("unita")[0].childNodes[0].nodeValue);
var image = transport.getElementsByTagName("image")[0].childNodes[0].nodeValue;
var timeout = transport.getElementsByTagName("timeout")[0].childNodes[0].nodeValue;
var primo = transport.getElementsByTagName("primo")[0].childNodes[0].nodeValue;
var secondo = transport.getElementsByTagName("secondo")[0].childNodes[0].nodeValue;
var terzo = transport.getElementsByTagName("terzo")[0].childNodes[0].nodeValue;
var fin = transport.getElementsByTagName("fin")[0].childNodes[0].nodeValue;
document.getElementById("cosa").innerHTML = (unita > 0) ? unita + " di " + cosa : cosa;
document.getElementById("timeout").innerHTML = timeout;
var premio_primo = Math.round((unita/2));
var premio_podio_secondario = parseInt(premio_primo/2);
var premio_diff = unita-(premio_primo + (premio_podio_secondario*2));
if(premio_primo + (premio_podio_secondario*2) > unita) premio_primo = parseInt(premio_primo+premio_diff);
document.getElementById("titoloprimo").innerHTML = "Premio 1°";
document.getElementById("titolosecondoterzo").innerHTML = "Premio 2° e 3°";
document.getElementById("valueprimo").innerHTML = (premio_primo == 0) ? "Na beata minchia" : premio_primo + "<img class='premio_img_s' src='" + image + "'>";
document.getElementById("valuesecondoterzo").innerHTML = (premio_podio_secondario == 0) ? "Na beata minchia" : premio_podio_secondario + "<img class='premio_img_s' src='" + image + "'>";
var risultato_finito = document.getElementById("risultato_finito");
var giocatore_finito = document.getElementById("giocatore_finito");
var vinto_qualcosa_finito = document.getElementById("vinto_qualcosa_finito");
if(fin == 1){
if(primo == iamcard) {
risultato_finito.innerHTML = "Il primo premio è tuo";
giocatore_finito.innerHTML = iamname;
vinto_qualcosa_finito.innerHTML = "Hai vinto " + premio_primo + " " + cosa + "!";
}
else if(secondo == iamcard) {
risultato_finito.innerHTML = "Il secondo premio è tuo";
giocatore_finito.innerHTML = iamname;
vinto_qualcosa_finito.innerHTML = "Hai vinto " + premio_podio_secondario + " " + cosa + "!";
}
else if(terzo == iamcard) {
risultato_finito.innerHTML = "Il terzo premio è tuo";
giocatore_finito.innerHTML = iamname;
vinto_qualcosa_finito.innerHTML = "Hai vinto " + premio_podio_secondario + " " + cosa + "!";
}
else{
risultato_finito.innerHTML = "Mi dispiace questa volta non hai vinto";
giocatore_finito.innerHTML = iamname;
vinto_qualcosa_finito.innerHTML = "Riprovaci al prossimo gioco!";
}
$("#fin").show();
}
else{
$("#fin").hide();
}
break;
case 3:
var plength = transport.getElementsByTagName("persone")[0];//persone.length;
var perona = plength.getElementsByTagName("persona");
/* if(perona.lenght != undefined) document.getElementById("coming").innerHTML = "La lotteria scade tra";
else document.getElementById("coming").innerHTML = "<p>Aggiornamenti in corso...</p><ul><li>Pannello amministratori</li><li>Podio e spartimendo premio</li></ul>";
*///document.getElementById("work").innerHTML = perona.length;
var cn = 0;
for(var i=0; i<perona.length;i++){
//document.getElementById("work").innerHTML += i + " " + transport.getElementsByTagName("nome")[i].childNodes[0].nodeType + "<br/>";
var nome = transport.getElementsByTagName("nome")[i].childNodes[0].nodeValue;
var image = transport.getElementsByTagName("image")[i].childNodes[0].nodeValue;
var points = transport.getElementsByTagName("points")[i].childNodes[0].nodeValue;
var position = transport.getElementsByTagName("position")[i].childNodes[0].nodeValue;
var lastpoint = transport.getElementsByTagName("lastpoint")[i].childNodes[0].nodeValue;
var commento = transport.getElementsByTagName("commento")[i].childNodes[0].nodeValue;
if($(".created").length < perona.length ) {
$("<div class='created'><span id='position"+i+"' class='position_other'>"+position+"</span><span id='points"+i+"' class='points_other'>"+points+"</span><img id='"+i+"' src='"+image+"' class='image_other' title='" + nome + "'><span id='lastpoint" + i + "' class='lastpoint animate'>" + lastpoint + "</span><span class='commento_box' id='commento_box" + i + "'><span class='commento' id='commento" + i + "'></span><span class='tri'></span></span></div>").appendTo("#classifica");
}
else
{
$("img#" + i).attr("src",image);
$("img#" + i).attr("title",nome);
$("#points" + i).text(points);
$("#position" + i).text(position);
$("#lastpoint" + i).text(lastpoint);
$("#commento" + i).html(commento);
if(lastpoint >= 70) $("#commento_box" + i).show();
else $("#commento_box" + i ).hide();
}
}
break;
}
console.log(transport);
});
}
Ve l'ho data tutta per non avere nulla di occultato, ovviamente il file che richiamo dall'ajax è un php con l'header di un xml così spiego il metodo con cui raccolgo le informazioni del transport e dei nodi.
Se scrivo così ci possono essere problemi?
Questo è l'url se volete visualizzare il sito per capirci meglio: http://rikkumistery.altervista.org/mobile/?pass=t