OVH Cloud OVH Cloud

Feuille de style quizz et pop up

2 réponses
Avatar
Maxence
Bonjour à tous !
J'ai un quizz sur mon site, et le résultat s'affiche dans une petite pop up.
Mais voilà la police et la taille du texte n'est pas la même que sur le
reste de mon site, et je n'arrive pas à définir tout cela dans le code
ci-dessous :

resultat = open("", "Resultat", "width=400,height=60,scrollbars=no");
resultat.document.open();
with (resultat.document) {
write("<html><body onBlur='window.close()' bgcolor=#DDEEFF
class=banner2><b>" + score + " bonnes réponses</b><br>");
if (score >9) {
write("Excellent")}
else {if (score >5) {
write("Moyen")}
else { if (score >2) {
write("Mauvais")}
else {
write("Honteux")}}
}

write("</b></body></html>");
}
resultat.document.close();
}

Quelqu'un pour m'aider ? Comment attacher ma feuille de style par exemple ?
Merci beaucoup !

Maxence

2 réponses

Avatar
ASM
Bonjour à tous !
J'ai un quizz sur mon site, et le résultat s'affiche dans une petite pop up.


http://perso.wanadoo.fr/stephane.moriaux/truc/causer_au_popup


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
Bonjour à tous !
J'ai un quizz sur mon site, et le résultat s'affiche dans une petite pop up.
Mais voilà la police et la taille du texte n'est pas la même que sur le
reste de mon site, et je n'arrive pas à définir tout cela dans le code
ci-dessous :

resultat = open("", "Resultat", ",height`,scrollbars=no");


le plus simple serait d'ouvrir une page html dans le popup
avec tous les styles et présentations voulus
puis de n'y modififier que ce qu'il y a à modifier

<script type="text/javascript">
var resultatúlse;
function resultats(score) {
score = score>9? "Excellent" :
score>5? "Moyen" :
score>2? "Mauvais" :
"Honteux";
if(!resultat || resultat.closed) {
resultat = window.open("resultat.htm","",",height`,scrollbars=no");
resultat.onload = function() {
resultat.document.getElementsByTagName('H1')[0].innerHTML = score;
}
else
resultat.document.getElementsByTagName('H1')[0].innerHTML = score;
resultat.focus();
}

resultat.htm :
<html>
<h1 style="font-family:arial;text-align:center;
letter-spacing:4px;color:red;"></h1>
</html>

et comme çà on peut se servir plusieurs fois du même popup
sans avoir à le fermer puis l'ouvrir
(mon FireFox est un peu parresseux pour ouvrir des popups)


--
Stephane Moriaux et son [moins] vieux Mac