Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 20/06/2011, 23h17   #1
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
Par défaut afficher la largeur d'une image

Bonsoir,

je voudrais afficher la largeur d'une image (bien sûr, ce n'est qu'une étape). Donc, je le fais en js, mais cela se trouve au milieu de code PHP. Voilà mon code :
Code :
1
2
echo ('<td><img name="image" src="http://---/uploads/'.nl2br($ligne[11]).'">');
echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}
et ça me donne ça :
Citation:
width=undefined
Où est le problème ?
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 00h14   #2
Rédacteur/Modérateur
 
Avatar de bigboomshakala
 
Homme
Ingénieur développement logiciels
Inscription : avril 2004
Messages : 2 051
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Ingénieur développement logiciels
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : avril 2004
Messages : 2 051
Points : 2 425
Points : 2 425
Citation:
Envoyé par laurentSc Voir le message
Où est le problème ?
Comment te dire ?
1.
Code :
width=<script language="JavaScript"
2. Dans le forum JavaScript, on s'attend à avoir le code généré, pas le code PHP
__________________
Modérateur/Rédacteur

Tutoriels/Articles :
- Espace de noms (ou namespace) en JavaScript
- Créer une table HTML éditable en JavaScript (nouveau)
- Smile.Fx : Bibliothèque d'effets visuels en JavaScript (en cours - démo disponible)

mon espace
bigboomshakala est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 00h42   #3
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
Voici un code généré qui donne "undefined" :
Code :
<img name="image" src="http://---/uploads/IMAG0024.JPG">width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script>
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 11h14   #4
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
J'ai fni par trouver tout seul comme un grand : comme je faisais une boucle, il fallait modifier l'identifiant de l'image à chaque tour. Je m'en suis rendu compte, car l'affichage était correct pour la première image et "undefined" pour les suivantes.
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 12h17   #5
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 803
Points : 35 803
Citation:
Envoyé par laurentSc
Code :
1
2
echo ('<td><img name="image" src="http://---/uploads/'.nl2br($ligne[11]).'">');
echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}
Oh mon dieu !!!

Code php :
src="http://---/uploads/'.nl2br($ligne[11]).'"
Tu comptes réellement insérer des <br /> dans le src de ton image !

Code php :
echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}

Mais c'est horrible !
Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP mais certainement pas comme ça
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 12h27   #6
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
Citation:
Tu comptes réellement insérer des <br /> dans le src de ton image !
Le nl2br, c'est juste un copier-coller, mais c'est vrai qu'il ne sert à rien ici.
Citation:
Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP mais certainement pas comme ça
Oui, en effet, c'est beaucoup plus simple, mais j'ai eu le réflexe js car je ne connaissais que cette solution...
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 12h35   #7
Membre Expert
 
Avatar de Eric2a
 
Homme Eric Garidacci
Inscription : septembre 2005
Messages : 1 057
Détails du profil
Informations personnelles :
Nom : Homme Eric Garidacci
Âge : 41

Informations forums :
Inscription : septembre 2005
Messages : 1 057
Points : 1 564
Points : 1 564
Salut,

Citation:
Envoyé par Bovino
Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP
Et cela te permettrait aussi d'ajouter les attributs width et height aux balises <img />.
__________________

N'oubliez pas le vote des messages utiles ainsi que le Tag [Résolu].

Mon Site Web : Corse - Actualité, Météo, Vidéos, Logiciels, ...
Eric2a est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 12h48   #8
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
Car c'est mieux de faire
Code :
<img src="---" width="xxx" height="yyy"/>
que juste ?
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 13h20   #9
Membre Expert
 
Avatar de Eric2a
 
Homme Eric Garidacci
Inscription : septembre 2005
Messages : 1 057
Détails du profil
Informations personnelles :
Nom : Homme Eric Garidacci
Âge : 41

Informations forums :
Inscription : septembre 2005
Messages : 1 057
Points : 1 564
Points : 1 564
Bien qu'ils soient facultatifs, il est préférable de les utiliser si tu connais les dimensions au moment de créer la balise <img />.
__________________

N'oubliez pas le vote des messages utiles ainsi que le Tag [Résolu].

Mon Site Web : Corse - Actualité, Météo, Vidéos, Logiciels, ...
Eric2a est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 13h34   #10
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 803
Points : 35 803
C'est surtout utile si tu veux afficher les images avec d'autres dimensions que celles de l'image réelle
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/06/2011, 14h07   #11
Débutant
 
Homme Laurent
Webmaster
Inscription : octobre 2006
Messages : 2 873
Détails du profil
Informations personnelles :
Nom : Homme Laurent
Âge : 48
Localisation : France, Isère (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster
Secteur : Industrie

Informations forums :
Inscription : octobre 2006
Messages : 2 873
Points : 1 320
Points : 1 320
Citation:
C'est surtout utile si tu veux afficher les images avec d'autres dimensions que celles de l'image réelle
C'est justement, ce que je compte faire ici :
Code :
$w=min($getimagesize(image)[0],'une_valeur');echo('<img src="image" width='.$w.'>');
J'ai écrit ça sans trop réfléchir, donc il y a peut-être des erreurs, mais ça donne l'idée.(et je n'impose que le width ; comme ça, le height restera proportionnel)
laurentSc est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 22h40.


 
 
 
 
Partenaires

Hébergement Web