Structure du document HTML
Bonjour à tous,
Dans ma page html, j'ai déclarer la fonction javascript suivante :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
function calcul(cadeauId, total_actuel) {
var largeur = <?php echo $largeur_image; ?>;
var valeur_input = parseInt(document.getElementById("input" + cadeauId).value);
var td = document.getElementById("total" + cadeauId);
var reste = total[cadeauId-1] - total_actuel;
if (valeur_input * rapport[cadeauId-1] <= reste) {
var newWidth = parseInt(valeur_input * rapport[cadeauId-1] / total[cadeauId-1] * largeur);
document.getElementById("image" + cadeauId).style.width = newWidth;
document.getElementById("erreur" + cadeauId).style.display = "none";
} else {
document.getElementById("erreur" + cadeauId).style.display = "inline";
}
var intRegex = /^\d+$/;
if (intRegex.test(valeur_input)) {
var newRest = reste / rapport[cadeauId-1] - valeur_input
td.innerHTML = "(CHF " + valeur_input * rapport[cadeauId-1] + ", encore " + newRest + " unités disponibles)";
} else {
td.innerHTML = "";
}
} |
Cette fonction me permet, entre autre, de modifier la taille d'une image en fonction d'une valeur introduite. Elle fonctionne parfaitement sur IE 9. Par contre, elle ne fonctionne sur Firefox 25.0 et Chrome 31 que si je déclare comme type de document :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (ce qui me donne également un affichage dans IE à vomir).
Par contre, si je déclare
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ou
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">(ce sont des examples, j'en ai essayé plusieurs autres), la fonction marche dans son ensemble, mais ne modifie pas la taille de l'image !!!
Etant loin d'être un expert dans le domaine des déclarations de documents et de leurs influences, je serais vraiment ravis que l'un de vous puisse m'aider.
Je vous souhaite dors et déjà une bonne nouvelle année
