IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modifier une image dynamiquement en fonction d'une liste


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    181
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 181
    Points : 38
    Points
    38
    Par défaut Modifier une image dynamiquement en fonction d'une liste
    Lu all. Voila : J'essaie d'afficher une image en fonction de l'ID choisi dans une liste déroulante, le tout étant contenu sur une base :

    id_cat : ID categorie
    name_cat : nom categorie
    img_cat : URL de l'image de la categorie

    Dans la 1ere liste, je fais afficher le nom des listes. En dessous je veux afficher l'image correspondante mais ca ne s'affiche pas, voila le code :

    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
    Catégorie :
    	 <select name='attribute43' id='id_cat' onchange='go();'>
    					<option value='-1'>Categorie</option>
    					<?php
    						mysql_connect("localhost","root","");
    						mysql_select_db("newsimg");
    						$res = mysql_query("SELECT `name_cat` FROM `categorie`");
    						while($row = mysql_fetch_assoc($res)){
    							echo "<option value='".$row["id_cat"]."'>".$row["name_cat"]."</option>";
    						}
     
    					?>
    	</select>
    	<br /> <br />		
     
    	 <?
    	echo "image : <img src='".$row["img_cat"]."'> ";
    	 ?>
    Sauriez vous comment faire ? J'ai testé avec le code ajax des listes liées mais sans succes. Merci d'avance de votre aide.

  2. #2
    Membre habitué Avatar de kazhar
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    126
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 126
    Points : 148
    Points
    148
    Par défaut
    Tu mélange un peu tout apparemment.
    PHP est un langage axé serveur. Donc, il est executé avant que tu n'ait accès à la page html.
    En conséquent, php n'est absoluement pas au courant de l'option que tu va choisir dans ta liste déroulante (excepté si tu a implémenté mod_devin evidemment)

    L'idée serait d'avoir ta liste déroulante qui aura pour valeur l'adresse de ton image.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo "<option value='".$row["img_cat"]."'>".$row["name_cat"]."</option>";
    Et lorsque ta liste déroulante change, tu récupère le "value" tu champ sélectionné. Et tu place sa valeur dans le src de la balise de ton image.
    Il faut aimer les autres, non pour soi, mais pour eux - Proverbe Espagnol
    développeur web

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    181
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 181
    Points : 38
    Points
    38
    Par défaut
    Okay merci je vais tester ca.

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    181
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 181
    Points : 38
    Points
    38
    Par défaut
    C'est bon j'arrive bien a afficher une image en fonction de ce que je choisi dans la liste déroulante.

    J'essaie a présent d'integrer cette image dans l'editeur TinyMCE....mais si je mets le code <div id='bloc' .... (div qui affiche l'image) dans le textarea de TinyMCE, bien le code est formaté et mon choix dans la liste ne fait rien apparaitre :/


    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
    <select name='images' id='IDtype' onchange='go();'>
    					<option value='-1'>Categorie</option>
    					<?php
    						mysql_connect("localhost","root","");
    						mysql_select_db("newsimg");
    						$res = mysql_query("SELECT `name_cat`,`img_cat` FROM `categorie`");
    						while($row = mysql_fetch_assoc($res)){
    							echo "<option value='".$row["img_cat"]."'>".$row["name_cat"]."</option>";
    						}
    					?>
    				</select>
    		<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
     
    	<b>rr</b>
    				<div id='bloc' style='display:inline'></div>
    	</textarea>
    Quelqu'un aurait une idée pour afficher une image dans la box d'edition de TinyMCE sans que le code ne soit formaté ? Merci d'avance de votre aide;

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    181
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 181
    Points : 38
    Points
    38
    Par défaut
    Please une idée ??

Discussions similaires

  1. Réponses: 18
    Dernier message: 08/03/2013, 15h25
  2. Conversion d'une image en mode RGB en une image en niveau de gris
    Par frisou65 dans le forum Calcul scientifique
    Réponses: 9
    Dernier message: 15/02/2012, 17h20
  3. Réponses: 2
    Dernier message: 23/05/2010, 12h45
  4. Réponses: 5
    Dernier message: 17/04/2008, 18h44
  5. Réponses: 4
    Dernier message: 10/05/2007, 15h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo