Structure du document HTML

**CSI_Bern** · 30/12/2013, 13h24

Bonjour à tous,

Dans ma page html, j'ai déclarer la fonction javascript suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**NoSmoking** · 30/12/2013, 15h55

Bonjour,
ajoute les unités à tes dimensions

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("image" + cadeauId).style.width = newWidth +'px'; // ce ne sont pas des patates mais les navigateurs ne le savent pas !

**CSI_Bern** · 31/12/2013, 18h00

Salut NoSmocking,

Ca m'ennerve de passer autant de temps devant un problème quand la réponse est si simple.

Je te remercie et te souhaite une bonne année 2014.

Structure du document HTML

JavaScript

Discussions similaires

Partager

Partager