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