 Lid |
|
Hallo,
Ik ben bezig met een kaartspel te programmeren. Als je een kaart gooit, dan verschijnt deze in een div met behulp van javascript. Een tweede kaart komt dan in een andere div die de vorige een beetje overlapt. En zo verder tot er 4 kaarten liggen. Afhankelijk van wie de slag gewonnen heeft mag iemand anders de eerste kaart gooien. En hier zit mijn probleem. Ik wil dan dat deze kaart de onderste is. En ik dacht dit op te lossen door met javascript de z-index van deze div aan te passen. Dmv van een alert ben ik er al achter gekomen dat de z-index wel degelijk goed aangepast wordt, hij wordt alleen niet goed weergegeven door Chrome.
Door wat zoekwerk op internet heb ik al gevonden dat dit probleem wel meer voorvalt bij Chrome, alleen las ik nergens een oplossing. Kent er iemand een oplossing voor dit probleem?
Moest het nodig zijn, dit is de functie die de z-index verandert en de kaart weergeeft:
function ThrowCard() {
var throwncard = HSERVER.HOntvangst();
if (throwncard) {
g_zindex++;
cardarr = throwncard.split("||");
if (g_firstcard == "!") {
g_firstcard = cardarr[2];
}
k = g_turn;
if (k == 0) {
k = 3;
}
else {
k--;
}
pls = g_ranktableflip[k];
stl = g_stoelen[pls];
document.getElementById('tablecard'+stl).style.display="block";
document.getElementById('tablecard'+stl).style.zIndex=g_zindex;
document.getElementById('tablecard'+stl).src='img/crs/'+cardarr[0]+'.png';
document.getElementById('tablecard'+stl).style.visibility='visible';
if (cardarr[1] == "3") {
clearInterval(TurnRefreshInterval);
PrepareForNewTurn();
}
}
}
function ThrowCard() { var throwncard = HSERVER.HOntvangst(); if (throwncard) { g_zindex++; cardarr = throwncard.split("||"); if (g_firstcard == "!") { g_firstcard = cardarr[2]; } k = g_turn; if (k == 0) { k = 3; } else { k--; } pls = g_ranktableflip[k]; stl = g_stoelen[pls]; document.getElementById('tablecard'+stl).style.display="block"; document.getElementById('tablecard'+stl).style.zIndex=g_zindex; document.getElementById('tablecard'+stl).src='img/crs/'+cardarr[0]+'.png'; document.getElementById('tablecard'+stl).style.visibility='visible'; if (cardarr[1] == "3") { clearInterval(TurnRefreshInterval); PrepareForNewTurn(); } } }
Alvast bedankt!
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
