Problème avec la structure du document HTML

Résolu/Fermé
csi_bern
Messages postés
65
Date d'inscription
lundi 29 mars 2010
Statut
Membre
Dernière intervention
26 octobre 2020
- 30 déc. 2013 à 13:14
csi_bern
Messages postés
65
Date d'inscription
lundi 29 mars 2010
Statut
Membre
Dernière intervention
26 octobre 2020
- 30 déc. 2013 à 20:46
Bonjour,

Je ne suis sûrement pas sur la bonne page du forum, mais je n'ai pas trouvé ni la section HTML, ni la section javascript, mais peut-être pourrez-vous m'aider quand même.

Dans ma page html, j'ai déclarer la fonction javascript suivante :
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);
					//alert(newWidth);
					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


2 réponses

csi_bern
Messages postés
65
Date d'inscription
lundi 29 mars 2010
Statut
Membre
Dernière intervention
26 octobre 2020
2
30 déc. 2013 à 20:22
Un autre forum m'a donné la réponse. Il fallait juste que j'insère les unités.

Merci quand même.
0
csi_bern
Messages postés
65
Date d'inscription
lundi 29 mars 2010
Statut
Membre
Dernière intervention
26 octobre 2020
2
30 déc. 2013 à 20:46
Ah oui, la réponse était simple, il suffisait d'ajouter les unités à ma fonction.
0