<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Jquery : Le forum FR d'entraide dédié à jQuery]]></title>
	<link rel="self" href="http://www.jquery-fr.com/forum/extern.php?action=feed&amp;type=atom" />
	<updated>2012-05-18T21:49:58Z</updated>
	<generator>PunBB</generator>
	<id>http://www.jquery-fr.com/forum/index.php</id>
		<entry>
			<title type="html"><![CDATA[Possibilité d'interférence entre 2 Jquery.... quoi faire?]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=77&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour, </p><p>J&#039;ai 2 Jquery dans une page qui appelle un .js différent et il semble que quand l&#039;un est sur la page l&#039;autre ne fonctionne pas... </p><p>Il y a un Jquery qui fait défiler des images et un autre qui ne fait que changer d&#039;image après un nombre de temps. Sans doute qu&#039;il y a interférence!</p><p>il y a t-il une façon de parer à ce genre de problème?</p><br /><p>Merci</p>]]></summary>
			<author>
				<name><![CDATA[jeff-stanley]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=272</uri>
			</author>
			<updated>2012-05-18T21:49:58Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=77&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[JQuery Mobile et Xajax]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=76&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour, </p><p>J&#039;utilise depuis peu la librarie JQuery Mobile&nbsp; et je suis déjà confronté à un problème :s.</p><p>J&#039;ai créé un formulaire avec divers filtres. Lorsque je clique sur le bouton de recherche, je fais appel à une fonction Xajax qui va récupérer les données du formulaire, et ensuite qui va m&#039;afficher le résultat (dynamiquement) dans une div se situant dans la même page que le formulaire. En gros, je clique sur le bouton et je ne recharge qu&#039;une &quot;div&quot;.</p><p>Lorsque le résultat s&#039;affiche, tout est brute, rien n&#039;est mis en page par JQuery Mobile, alors que tout le reste de la page (formulaire avec les filtres) est bien mis en page.</p><p>index.php<br /></p><div class="codebox"><pre><code>       
 &lt;input  type=&quot;button&quot; data-theme= &quot;b&quot; name=&quot;valider&quot; value=&quot;Rechercher&quot; onclick=&quot;xajax_fonction(&#039;param1&#039;,&#039;param2&#039;,&#039;param3&#039;,&#039;param4&#039;);&quot;&gt; </code></pre></div><p>Ce bouton sera bien mis en forme par JQuery mobile et va appelé ma fonction Xajax.</p><p>index.php<br /></p><div class="codebox"><pre><code>  
&lt;div id = &#039;contenuResultat&#039;  &gt;                    
&lt;/div&gt;</code></pre></div><p>Cet div sera celle qui sera rechargé et qui contiendra le résultat renvoyé par la fonction XAJAX.</p><br /><br /><p>J&#039;espère avoir été claire.</p><p>Merci de votre future aide.</p>]]></summary>
			<author>
				<name><![CDATA[kosovar]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=269</uri>
			</author>
			<updated>2012-05-16T14:22:09Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=76&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Probléme Date picker avec input Text]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=75&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour, </p><p>J&#039;utilise le plugin Jquery datepicker , pour mon cas j&#039;ai trois input Text pour selectionner trois dates différents avec trois icones.</p><p>Vu la particularité de l&#039;architecture de mon projet j &#039;utlise la balise img pour faire réference a l&#039;icone calendrier, ça marche brillament, juste je veux ouvrir mon calendrier que lorsque je clique sur cette icone.</p><p>Pour l&#039;instant, lors de mon click sur l&#039;icone, il ya un attachment de mon Input TextFiled avec DatePicker, d&#039;ou lorsque je clique sur le Text le calendrier s&#039;ouvre, ce que je veux pas.<br />ci dessus mon code:</p><p>&lt;tr&gt;<br />&lt;td valign=&quot;top&quot;&gt;Date 1&lt;/td&gt;<br />&lt;td valign=&quot;top&quot;&gt; <br />&nbsp; &nbsp;&lt;input type=&quot;text&quot; name=&quot;deliv_1&quot; id=&quot;date_1&quot; value=&quot;&quot; size=&quot;9&quot; /&gt;&lt;/td&gt;<br />&lt;td valign=&quot;baseline&quot;&gt;<br /> &lt;img name=&quot;date_1&quot; src=&quot; ../calendrier-web.png&quot; onClick=&quot;deliv_1.blur () ; deliv_1.focus () ; deliv_1.click () ; calendar (name) ;&quot;&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;tr&gt;<br />&lt;td valign=&quot;top&quot;&gt;Date 2&lt;/td&gt;<br />&lt;td valign=&quot;top&quot;&gt; <br />&nbsp; &nbsp;&lt;input type=&quot;text&quot; name=&quot;deliv_2&quot; id=&quot;date_2&quot; value=&quot;&quot; size=&quot;9&quot; /&gt;&lt;/td&gt;<br />&lt;td valign=&quot;baseline&quot;&gt;<br /> &lt;img name=&quot;date_2&quot; src=&quot; ../calendrier-web.png&quot; onClick=&quot;deliv_2.blur () ; deliv_2.focus () ; deliv_2.click () ; calendar (name) ;&quot;&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td valign=&quot;top&quot;&gt;Date 3&lt;/td&gt;<br />&lt;td valign=&quot;top&quot;&gt; <br />&nbsp; &nbsp;&lt;input type=&quot;text&quot; name=&quot;deliv_3&quot; id=&quot;date_3&quot; value=&quot;&quot; size=&quot;9&quot; /&gt;&lt;/td&gt;<br />&lt;td valign=&quot;baseline&quot;&gt;<br /> &lt;img name=&quot;date_3&quot; src=&quot; ../calendrier-web.png&quot; onClick=&quot;deliv_3.blur () ; deliv_3.focus () ; deliv_3.click () ; calendar (name) ;&quot;&gt;&lt;/td&gt;<br />&lt;/tr&gt;</p><br /><p>et pour la fonction calendar :</p><p>function calendar (name) {<br />$(function() {<br />&nbsp; &nbsp; el = document.getElementById(name);<br />&nbsp; &nbsp; $(el).datepicker({dateFormat: &#039;dd-M-yy&#039;});<br />&nbsp; &nbsp; <br />});<br />}</p><p> et j &#039;ai le fichier Javascript complet pour date Picker.</p><p>Pouvez vous s&#039;il vous plais m&#039;aider a détacher mon input TExt de datepicker afin d&#039;avoir mon calendrier que lorsque je clique sur l&#039;icone.</p><p>Merci.</p>]]></summary>
			<author>
				<name><![CDATA[hanenJ]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=266</uri>
			</author>
			<updated>2012-05-15T14:53:00Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=75&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[géolocalisation]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=74&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,<br />Quand je test mon site sur mon iphone, l&#039;icone de géolocalisation apparait.<br />Je n&#039;ai pas besoin de la géolocalisation, comment la désactiver ?</p>]]></summary>
			<author>
				<name><![CDATA[superman]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=250</uri>
			</author>
			<updated>2012-05-11T10:55:56Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=74&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Création d'un plugins d'interaction entre 3 div]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=73&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,</p><p>j&#039;essaie de crée un plugins qui aura comme effet de faire une interaction entre 3 div qui font mon menu... Je veux aussi retenir par cookie le menu qui étais afficher a la derniere visite et l&#039;afficher automatique au moment de la prochaine visite. </p><p>Mon menu a 3 sections :</p><p>recherche+map+result <br />je veux qu&#039;il puisse ce transformer comme suis selon le gout du visiteur <br />1) recherche+map<br />2) recheche+resultat<br />3) recherche+map+resultat </p><p>Voici le code que j&#039;ai fais si vous pouvez m&#039;aider ce serait plus qu&#039;apprécier... car j&#039;ai retourner cela de tout les cotés et je n&#039;arrives pas a ce que je veux !!!</p><div class="codebox"><pre><code>#search {
    width:960px;
    background-color:#FFF;
    border:1px solid #e6e4de;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

#search #header {
    width:960px;
    padding:10px;
}

#search #header #icon {
    float:right;
    padding-right:20px;
}
#search #left {
    float: left; 
    width: 265px;
    background-color:#0F0;
}

#search #middle {
    float: left; 
    width: 430px;
    background-color:#0FF;
}


#search #right {
    float: right; 
    width: 265px;
    background-color:#F00;
}

#search #clear { clear: both; }

#search #footer {
    width:960px;
    padding:10px;
}</code></pre></div><div class="codebox"><pre><code>&lt;div id=&quot;search&quot;&gt;
  &lt;div id=&quot;header&quot;&gt;Recherche immobilière
    &lt;div id=&quot;icon&quot;&gt;
    &lt;img src=&quot;templates/default/images/display2.gif&quot; id=&quot;icon1&quot; title=&quot;Search and Map&quot; style=&quot;cursor: pointer; cursor: hand;&quot; /&gt;
    &lt;img src=&quot;templates/default/images/display3.gif&quot; id=&quot;icon2&quot; title=&quot;Search and Result&quot;style=&quot;cursor: pointer; cursor: hand;&quot; /&gt;
    &lt;img src=&quot;templates/default/images/display1.gif&quot; id=&quot;icon3&quot; title=&quot;Search. Map and Result&quot; style=&quot;cursor: pointer; cursor: hand;&quot; /&gt;  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id=&quot;left&quot;&gt;searchbox&lt;/div&gt;
  &lt;div id=&quot;middle&quot;&gt;mapbox&lt;/div&gt;
  &lt;div id=&quot;right&quot;&gt;resultbox&lt;/div&gt;
  &lt;div id=&quot;clear&quot;&gt;&lt;/div&gt;
  &lt;div id=&quot;footer&quot;&gt;searchbox&lt;/div&gt;
&lt;/div&gt;</code></pre></div><br /><div class="codebox"><pre><code>(function($){
    $.fn.extend({
        interAction3Div: function(options) {

        var defaults = { 
                         leftId: &#039;#left&#039;,
                         middleId: &#039;#middle&#039;,
                         rightId:    &#039;#right&#039;,
                         iconId:    &#039;#icon&#039;,
                         headerId:    &#039;#header&#039;,
                         footerId:    &#039;#footer&#039;,
                         leftWidth:265,
                         middleWidth:430,
                         rightWidth:265,
                         duration:200,
                         iconSelect: 1,
                         iconId1: &#039;#icon1&#039;,
                         iconId2: &#039;#icon2&#039;,
                         iconId3: &#039;#icon3&#039; 
                        };

        var options = $.extend(defaults, options);
        var o = options;
           var obj = $(this);
             
            
            
            //WIDTH 3 DIV
            $(o.leftId, obj).animate({width:o.leftWidth+&quot;px&quot;}, { duration : o.duration, queue: false});
            $(o.middleId, obj).animate({width:o.middleWidth+&quot;px&quot;}, { duration : o.duration, queue: false});
            $(o.rightId, obj).animate({width:o.rightWidth+&quot;px&quot;}, { duration : o.duration, queue: false});
            
            //ICON
            
            var icon1 = $(o.iconId1, obj);
            var icon2 = $(o.iconId2, obj);
            var icon3 = $(o.iconId3, obj);
            
            if(o.iconSelect != 1) { 
                icon1.css({ opacity: 0.4 });
                icon1.hover(function() { $(this).css({&quot;opacity&quot;: 1}); },function() { $(this).css({&quot;opacity&quot;: 0.4}); });
            }
            
            if(o.iconSelect != 2) {
                icon2.css({ opacity: 0.4 });
                icon2.hover(function() { $(this).css({&quot;opacity&quot;: 1}); },function() { $(this).css({&quot;opacity&quot;: 0.4}); });
            }
            
            
            if(o.iconSelect != 3) {
                icon3.css({ opacity: 0.4 });
                icon3.hover(function() { $(this).css({&quot;opacity&quot;: 1}); },function() { $(this).css({&quot;opacity&quot;: 0.4}); });
                
            }

                    
            
        }
    });
})(jQuery);


$.cookie(&quot;searchStyle&quot;, &quot;2&quot;, { expires: 365 });                     


//cookie 1 ou aucun : Search + Map
if($.cookie(&quot;searchStyle&quot;)==1 || !$.cookie(&quot;searchStyle&quot;)) {
    leftDiv         = 265;
    middleDiv         = 695;
    rightDiv        = 0;
    iconSelected     = 1;
}

//cookie 2 : Search + Result
if($.cookie(&quot;searchStyle&quot;)==2) {
    leftDiv         = 265;
    middleDiv         = 0;
    rightDiv        = 695;
    iconSelected     = 2;

}

//cookie 3 : Search + Mao + Result
if($.cookie(&quot;searchStyle&quot;)==3) {
    leftDiv         = 265;
    middleDiv         = 430;
    rightDiv        = 265;
    iconSelected     = 3;

}


$(&#039;#search&#039;).interAction3Div({leftId: &#039;#left&#039;,
                               middleId: &#039;#middle&#039;,
                               rightId:    &#039;#right&#039;,
                               leftWidth:leftDiv,
                              middleWidth:middleDiv,
                              rightWidth:rightDiv,
                              duration:400 });    

});
$(&#039;#icon1&#039;).click(function() {
    $(&#039;#search&#039;).interAction3Div({leftId: &#039;#left&#039;,
                                  middleId: &#039;#middle&#039;,
                                  rightId:    &#039;#right&#039;,
                                  leftWidth:265,
                                  middleWidth:695,
                                  rightWidth:0,
                                  duration:400,
                                  iconSelect:1 });    
});

$(&#039;#icon2&#039;).click(function() {
    $(&#039;#search&#039;).interAction3Div({leftId: &#039;#left&#039;,
                                  middleId: &#039;#middle&#039;,
                                  rightId:    &#039;#right&#039;,
                                  leftWidth:265,
                                  middleWidth:0,
                                  rightWidth:695,
                                  duration:400,
                                  iconSelect:2 });    
});

$(&#039;#icon3&#039;).click(function() {
    $(&#039;#search&#039;).interAction3Div({leftId: &#039;#left&#039;,
                                  middleId: &#039;#middle&#039;,
                                  rightId:    &#039;#right&#039;,
                                  leftWidth:265,
                                  middleWidth:430,
                                  rightWidth:265,
                                  duration:400,
                                  iconSelect:3 });    
});
                </code></pre></div><br /><p>ce que je veux le plus :<br />1) a partir du cookie il fait le menu directement comme désirer (sans animation)<br />2) quand on appuie sur un icon, il change les dimensions comme désirer.<br />3) quand un icon a été selectionner il doit afficher plus foncé celle selectionner.</p>]]></summary>
			<author>
				<name><![CDATA[karl_kirouac]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=245</uri>
			</author>
			<updated>2012-05-10T19:12:19Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=73&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[drag n drop inclus = élément draggé invisible]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=72&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour à tous et merci de votre aide,</p><p>j&#039;ai un fichier qui fait le drag n drop d&#039;une liste.<br />pour des raisons pratique j&#039;aimerai faire une inclusion de ce fichier dans une autre page.<br />tout le système fonctionne bien, mais lorsqu&#039;on prend un objet de la liste pour le placer ailleurs, habituellement on voit le &quot;fantôme transparent&quot; de l&#039;objet qu&#039;on transporte.<br />lorsque j&#039;utilise la fonction include ce fantôme disparait.</p><p>avez-vous une idée de comment le voir à nouveau ?<br />est-ce au niveau des styles ou du code ?</p><p>si vous me guidez sur la cause possible je mettrai le code nécessaire (les styles, la requête, autre ?)</p><p>... et merci encore,</p><p>Petite fée</p>]]></summary>
			<author>
				<name><![CDATA[petite fée]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=3</uri>
			</author>
			<updated>2012-05-09T10:59:23Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=72&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Problème Avec Plugin Cycle]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=71&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonsoir,<br />Je me présente : Intar, Programmeur en herbe,<br />Je suis nouveau sur ce forum est j&#039;espère bien trouver une réponse à mon problème.<br />Je m&#039;explique :</p><p>Je suis actuellement en train de faire des tests avec Jquery et le plugin Cycle avec de réaliser facilement des fondues d&#039;images.<br />Seulement voilà en mode construction (pas online) les images s&#039;affichent les unes en dessous&nbsp; des autres et le plugin n&#039;agit pas.<br />J&#039;utilise Notepad++ comme éditeur et voici le code qui est pourtant bon :</p><div class="codebox"><pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset=&quot;utf-8&quot; /&gt;
        &lt;title&gt;Test Java Script&lt;/title&gt;
        &lt;link rel=&quot;stylesheet&quot; href=&quot;java.css&quot;/&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.cycle.all.min.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot;&gt;     
        
       
        $(document).ready(function(){
        
            $(function(){
        $(&quot;#MonCycle&quot;).cycle();
        });
        
    
        }); 

        
        &lt;/script&gt;   
        
  
    &lt;/head&gt;
    
    &lt;body&gt;
    
    
    &lt;div id=&quot;MonCycle&quot;&gt;
    &lt;img src=&quot;1.jpg&quot;/&gt;
    &lt;img src=&quot;2.jpg&quot;/&gt;
    &lt;img src=&quot;3.jpg&quot;/&gt;
    &lt;img src=&quot;4.jpg&quot;/&gt;
    &lt;/div&gt;

    
    &lt;/body&gt;
    
&lt;/html&gt;</code></pre></div><p>Et voici le code Css :<br /></p><div class="codebox"><pre><code>#MonCycle {  
    height:  100px;  
    width:   100px;  
    display:inline-block;
    } 
 
#MonCycle img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  80px; 
    height: 80px; 
  display:inline-block;
} </code></pre></div><br /><p>Merci de m&#039;aider <img src="http://www.jquery-fr.com/forum/img/smilies/smile.png" width="15" height="15" alt="smile" /></p>]]></summary>
			<author>
				<name><![CDATA[intar.774]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=228</uri>
			</author>
			<updated>2012-05-08T15:54:46Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=71&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Element au premier plan]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=70&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,</p><p>Ma question est très simple, voila mon site web (une page de test):<br /><a href="http://<br />http://www.toucheatoncube.fr/test/index.php"><br />http://www.toucheatoncube.fr/test/index.php</a></p><p>Comment faire pour que mes sous-menus apparaissent au-dessus des autres éléments soumis à une animation avec jquery (le panneau à droite, le slider dans le contenu) ?</p><p>Peut-être avec un z-index mais je n&#039;arrive pas à le faire fonctionner!</p><p>Merci de votre aide <img src="http://www.jquery-fr.com/forum/img/smilies/wink.png" width="15" height="15" alt="wink" /></p>]]></summary>
			<author>
				<name><![CDATA[Quistora]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=221</uri>
			</author>
			<updated>2012-05-07T07:42:06Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=70&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Fancy Box en bas à droite ... ?]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=69&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,<br />Et bonjour 2 fois car nouveau sur le forum ...</p><p>Je suis en train de réécrire mon site pour mes cours (de techno en collège).<br />J&#039;ai utilisé du Jquery pour un menu type dock (apple) et l&#039;appli Fancy Box pour l&#039;ouverture des images, vidéos (youtube) ...</p><p>Tout fonctionne bien, sauf que j&#039;ai l&#039;ouverture de Fancy Box qui se fait en bas à droite de la fenêtre ?<br />Je vous laisse regarder de vous même ici par exemple : <a href="http://technopujades.free.fr/technopujades.php?rub=4eme/4eme-ci1-seq2-s3">http://technopujades.free.fr/technopuja … i1-seq2-s3</a><br />(pour les curieux le site actuel complet est là : <a href="http://technopujades.free.fr">http://technopujades.free.fr</a></p><p>Je pose ma question ici car j&#039;ai aucune compétences en Jquery ou Javascript (php / mysql et css à la limite quelqu&#039;une ...)</p><p>Je pense cependant que le problème vient d&#039;une incompatibilité entre le dock et le fancy box ... car les 2 fonctionnent avec Jquery ...</p><p>J&#039;ai crée du coup 2 pages pour la démonstration :<br />Avec uniquement le dock : <a href="http://technopujades.free.fr/technopujades-dock.php?rub=4eme/4eme-ci1-seq1-s1">http://technopujades.free.fr/technopuja … i1-seq1-s1</a><br />Avec uniquement le fancy box : <a href="http://technopujades.free.fr/technopujades-fancy.php?rub=4eme/4eme-ci1-seq1-s1">http://technopujades.free.fr/technopuja … i1-seq1-s1</a><br />Avec les 2 : <a href="http://technopujades.free.fr/technopujades.php?rub=4eme/4eme-ci1-seq1-s1">http://technopujades.free.fr/technopuja … i1-seq1-s1</a></p><p>Le code est visible directement dans le code source ... mais je peux en coller une partie ici à la demande bien évidement !<br />Si quelqu&#039;un à une idée ... je suis grandement preneur !!!</p><p>Merci d&#039;avance pour votre aide et de votre lecture ...</p>]]></summary>
			<author>
				<name><![CDATA[le.squal]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=217</uri>
			</author>
			<updated>2012-05-06T22:59:28Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=69&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[[Problème] Récupérer un id en jQuery]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=68&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,</p><p>Ca fait plusieurs jours que je suis sur le même problème. <br />Voila je suis en train de faire un livre d&#039;or, un peu plus complet qu&#039;à l&#039;habituel.<br />En effet, à chaque message posté dans ce livre d&#039;or, on peut y répondre, comme dans un forum.</p><p>Donc voila comment ça se passe,<br />J&#039;ai un message avec une flèche au bout. Quand je clique sur une flèche un contenu s&#039;ouvre avec dedans les réponses s&#039;il y en a et un petit formulaire à remplir pour y mettre sa propre réponse.</p><p>Une classe contient l&#039;image de ma flèche pour qu&#039;elle se répète sauf que qd je clique sur une flèche, ça ouvre tous les contenus. Ce qui est logique vu qu&#039;ils ont tous la même classe.<br />De ce fait j&#039;ai essayé de jouer avec un id unique mais le problème survient quand je veux le récupérer. <br /></p><div class="codebox"><pre><code>var id = $(&#039;.mont_desc&#039;).attr(&#039;id&#039;);</code></pre></div><p>Mon code récupère tjs le même id, c&#039;est à dire le premier qui est en rapport avec ma classe. Du coup je ne peux pas appliquer mon jQuery à l&#039;id voulu.</p><p>Voici mon code php/html<br /></p><div class="codebox"><pre><code>&lt;?php $query1 = &quot;SELECT * FROM livre_or WHERE lo_parent = 1&quot;;
                $result1 = mysql_query($query1);
                $i = 0;
                while ($r = mysql_fetch_array($result1)){
                    echo &quot;&lt;span class=&#039;livre_cont&#039;&gt;&quot;;
                        echo &quot;&lt;div class=&#039;barre_livre&#039;&gt;Message de &lt;a target=&#039;_blank&#039; href=mailto:&#039;&quot;.$r[&#039;lo_mail&#039;].&quot;&#039;&gt;&quot;.$r[&#039;lo_nom&#039;].&quot;&lt;/a&gt; le &quot;.date(&quot;d/m/Y&quot;,$r[&#039;lo_date&#039;]).
                                &quot;&lt;div class=&#039;mont_desc&#039; id=&#039;result&quot;.$i.&quot;&#039;&gt;&lt;/div&gt;&lt;/div&gt;&quot;;
                        echo &quot;&lt;div class=&#039;cont_livre&#039;&gt;&quot;.$r[&#039;lo_message&#039;].&quot;&lt;/div&gt;&quot;;
                        echo &quot;&lt;div class=&#039;plus_moins&#039;&gt;&quot;;
                            $query2 = &quot;SELECT * FROM livre_or WHERE lo_child = &quot;.$r[&#039;lo_id&#039;];
                            $result2 = mysql_query($query2);
                            if (mysql_num_rows($result2) &gt; 0){
                                while($res = mysql_fetch_array($result2)){
                                    echo &quot;&lt;div class=&#039;reponse&#039;&gt;Réponse de &quot;;
                                    if ($res[&#039;lo_nom&#039;] == &quot;Les photos de Coralie&quot;)
                                        echo &quot;&lt;span style=&#039;color:red&#039;&gt;&quot;.$res[&#039;lo_nom&#039;].&quot;&lt;/span&gt; le &quot;.date(&quot;d/m/Y&quot;,$res[&#039;lo_date&#039;]);
                                    else 
                                        echo &quot;&lt;a target=&#039;_blank&#039; href=mailto:&#039;&quot;.$res[&#039;lo_mail&#039;].&quot;&#039;&gt;&quot;.$res[&#039;lo_nom&#039;].&quot;&lt;/a&gt; le &quot;.date(&quot;d/m/Y&quot;,$res[&#039;lo_date&#039;]);
                                    echo &quot;&lt;br /&gt;&quot;.$res[&#039;lo_message&#039;].&quot;&lt;/div&gt;&quot;;
                                }
                            } ?&gt;
                            &lt;div class=&quot;form_reponse&quot;&gt;
                                &lt;form action=&quot;index.php?params=&lt;?php echo $l[&#039;m_chemin&#039;]; ?&gt;&amp;cat_id=&lt;?php echo $l[&#039;cat_categorie&#039;]; ?&gt;&amp;id=&lt;?php echo $l[&#039;m_id&#039;]; ?&gt;&quot; method=&quot;POST&quot;&gt;
                                    &lt;input type=&quot;hidden&quot; name=&quot;id&quot; value=&quot;&lt;?php echo $r[&#039;lo_id&#039;]; ?&gt;&quot; /&gt;
                                    &lt;div class=&quot;form_reponse_part1&quot;&gt;
                                        &lt;label for=&quot;auteur&quot;&gt;Auteur :&lt;/label&gt;
                                        &lt;input type=&quot;text&quot; id=&quot;auteur&quot; name=&quot;auteur&quot; value=&quot;&lt;?php if (isset($_POST[&#039;auteur&#039;])) echo htmlentities(trim($_POST[&#039;auteur&#039;])); ?&gt;&quot;/&gt;&lt;br /&gt;

                                        &lt;label for=&quot;email&quot;&gt;E-mail :&lt;/label&gt;
                                        &lt;input type=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot; value=&quot;&lt;?php if (isset($_POST[&#039;email&#039;])) echo htmlentities(trim($_POST[&#039;email&#039;])); ?&gt;&quot;/&gt;&lt;br /&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;form_reponse_part2&quot;&gt;
                                        &lt;label for=&quot;message&quot;&gt;Message :&lt;/label&gt;
                                        &lt;textarea id=&quot;message&quot; name=&quot;message&quot; cols=&quot;40&quot; rows=&quot;5&quot; &gt;&lt;?php if (isset($_POST[&#039;message&#039;])) echo htmlentities(trim($_POST[&#039;message&#039;])); ?&gt;&lt;/textarea&gt;&lt;br /&gt;
                                    &lt;/div&gt;
                                    &lt;input class=&quot;livre_reponse&quot; type=&quot;submit&quot; name=&quot;livre_reponse&quot; value=&quot;Répondre&quot;&gt;
                                    &lt;div&gt;&lt;?php if(!empty($msg)) echo $msg; ?&gt;&lt;/div&gt;
                                    &lt;br clear=&quot;both&quot; /&gt;
                                &lt;/form&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                       &lt;?php echo &quot;&lt;/span&gt;&lt;br /&gt;&quot;;
                       $i++;
                }</code></pre></div><p>et voici mon code jQuery pour l&#039;animation <br /></p><div class="codebox"><pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
                        $(document).ready(function(){
                            $(&quot;.plus_moins&quot;).hide();
                            
                            $(&quot;.mont_desc&quot;).click(function(){
                                var more = $(&#039;.plus_moins&#039;);
                                var id = $(&#039;.mont_desc&#039;).attr(&#039;id&#039;);
                                if (more.is(&#039;:hidden&#039;)) {
                                    $(&quot;.mont_desc&quot;).animate({&#039;opacity&#039; : &#039;0&#039;},200, function() {
                                        $(this).css({&#039;background-image&#039; : &#039;url(images/plus.png)&#039;})
                                            .animate({&#039;opacity&#039; : &#039;1&#039;},200);
                                    });
                                    more.show(&#039;slow&#039;);
                                }else{
                                    $(&quot;.mont_desc&quot;).animate({&#039;opacity&#039; : &#039;0&#039;},200, function() {
                                        $(this).css({&#039;background-image&#039; : &#039;url(images/moins.png)&#039;})
                                            .animate({&#039;opacity&#039; : &#039;1&#039;},200);
                                    });
                                    more.hide(&#039;slow&#039;);
                                } 
                            });
                        });
                &lt;/script&gt;</code></pre></div><p>Merci d&#039;avance de votre aide. <br />Amicalement,<br />Mell</p>]]></summary>
			<author>
				<name><![CDATA[Mell]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=214</uri>
			</author>
			<updated>2012-05-05T15:44:25Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=68&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Problème avec la fonction "Set Time Out"]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=67&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour à tous,</p><p>Débutant en Jquery, je suis entrain de réaliser un site internet à base de Jquery.</p><p>Je n&#039;ai pas eu de problème à faire un &quot;animate&quot; suite à un &quot;mouseover&quot;. Je souhaiterais cependant que cet événement se déclenche uniquement si le passage de la souris dure plus d&#039;un certain temps. Vu que beaucoup de div similaires sont à côté, l&#039;idée est que les ouvertures ne se déclenche pas&nbsp; des qu&#039;on passe dessus (cela ouvre aussi d&#039;autres div) car c&#039;est visuellement désagréable.</p><p>Après quelques recherches j&#039;ai vu qu&#039;on pouvait faire ça avec la fonction &quot;.Settimeout&quot;. Sur le net je l&#039;ai trouvé sous cette forme:</p><div class="codebox"><pre><code>setTimeout(function(){
      // mettre ma fonction
},800);</code></pre></div><p>Mais cela ne marche pas.</p><p>Voici mon code:</p><div class="codebox"><pre><code>&lt;script type=&quot;text/javascript&quot;&gt;

     $(document).ready(function(){
                
$(&quot;.box&quot;).mouseover(function(){
              $(this).children(&quot;.image&quot;).animate({left:&#039;200px&#039;},{queue:false,duration:300});
});

$(&quot;.box&quot;).mouseout(function(){
              $(this).children(&quot;.image&quot;).animate({left:&#039;0px&#039;},{queue:false,duration:300});
});

});

&lt;/script&gt;</code></pre></div><p>Comment dois-je faire pour l&#039;intégrer au sein de la fonction &quot;.settimeout&quot;?</p><p>Merci d&#039;avance à tous ceux qui apporteront un peu d&#039;eau à mon moulin! <img src="http://www.jquery-fr.com/forum/img/smilies/smile.png" width="15" height="15" alt="smile" /></p>]]></summary>
			<author>
				<name><![CDATA[november]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=193</uri>
			</author>
			<updated>2012-05-02T11:05:01Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=67&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[[résolu] Problème avec l'évènement click]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=66&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour, <br />j&#039;ai créé pour mon fils une page web avec des images d&#039;animaux et quand il clique dessus ça joue le cri de la bête. Pour pouvoir l&#039;utiliser sur un PC quelque soit son OS, une tablette ou même&nbsp; un smartphone je me suis dit que j&#039;allais faire ça en html et javascript (avec jquery d&#039;où ma présence sur ce forum <img src="http://www.jquery-fr.com/forum/img/smilies/wink.png" width="15" height="15" alt="wink" /> ). <br />Je vous détaille un peu le fonctionnement pour ensuite vous exposer mon problème.<br />A la racine du dossier se trouve :<br /></p><ul><li><p>son.html : la page web qui affiche les images</p></li><li><p>description_animaux.xml : un fichier qui contient la liste des animaux avec un petite description. Je stocke ainsi des informations de manière structurée mais sans base de données vu qu&#039;il n&#039;y aura jamais un gros volume à gérer</p></li><li><p>Un dossier CSS qui contient un seul fichier base.css mais j&#039;ai pris l&#039;habitude de le mettre dans un dossier séparé</p></li><li><p>Un dossier son qui contient les cris des animaux</p></li><li><p>Un dossier JS qui contient le fichier jquery.js et le fichier son.js qui joue un son quand on clique</p></li><li><p>Un dossier IMAGE qui contient un sous dossier off avec les images des animaux en noir et blanc et un sous dossier on qui contient les images des animaux en couleurs car sur la page les animaux sont en noir et blanc et l&#039;animal sur lequel on clique s&#039;affiche en couleur.</p></li></ul><p>Voici ce que contiennent les fichiers :<br />-son.html :<br /></p><div class="codebox"><pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Les animaux&lt;/title&gt;
        &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
        &lt;link rel=&quot;stylesheet&quot; media=&quot;screen&quot; href=&quot;CSS/base.css&quot;&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;JS/jquery.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;JS/son.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;   
    &lt;body&gt;
        &lt;header&gt;    
            &lt;div class=&quot;titre&quot;&gt;Les cris des animaux&lt;/div&gt;
        &lt;/header&gt;
        &lt;section id=&quot;contenu&quot;&gt;
            &lt;img src=&quot;IMAGE/off/ane.jpg&quot; title=&quot;ane&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/babouin.jpg&quot; title=&quot;babouin&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/baleine.jpg&quot; title=&quot;baleine&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/bison.jpg&quot; title=&quot;bison&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/blaireau.jpg&quot; title=&quot;blaireau&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/cerf.jpg&quot; title=&quot;cerf&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/chameau.jpg&quot; title=&quot;chameau&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/chat.jpg&quot; title=&quot;chat&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/chauve_souris.jpg&quot; title=&quot;chauve_souris&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/cheval.jpg&quot; title=&quot;cheval&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/chevre.jpg&quot; title=&quot;chevre&quot; class=&quot;trigger&quot;/&gt;
            &lt;img src=&quot;IMAGE/off/chien_prairie.jpg&quot; title=&quot;chien_prairie&quot; class=&quot;trigger&quot;/&gt; 
        &lt;/section&gt;
        &lt;div id=&quot;audio&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;</code></pre></div><p>-son.js :<br /></p><div class="codebox"><pre><code>$(document).ready(function() {     
        
    // Initialise la source
    function addSource(elem, path) {
    $(&#039;&lt;source&gt;&#039;).attr(&#039;src&#039;, path).appendTo(elem);
    }     

    // Initialisation de l&#039;action sur notre lien
    $(&#039;.trigger&#039;).click(function() {
    //on remets les images en noir et blanc avant d&#039;afficher en couleur l&#039;image sélectionnée
    $(&quot;.trigger&quot;).each(function(){
        $(this).attr(&quot;src&quot;,&#039;IMAGE/off/&#039;+$(this).attr(&quot;title&quot;)+&#039;.jpg&#039;)
    });
    
    //On vide la balise audio pour arrêter de jouer le son en cours
    $(&#039;#audio&#039;).text(&#039;&#039;);

    // Création d&#039;un élément audio, et paramétrages
    var audio = $(&#039;&lt;audio&gt;&#039;, {
        autoPlay : &#039;play&#039;
    });
     
    var idSelectionne=$(this).attr(&quot;title&quot;);
       
    //On ajoute les sources (*.ogg et *.mp3)
    addSource(audio, &#039;son/&#039;+idSelectionne+&#039;.ogg&#039;);

    // Ajout des éléments dans notre div
    audio.appendTo(&#039;#audio&#039;);
    // Effet
    $(this).fadeOut(&#039;slow&#039;,function(){
    $(this).attr(&quot;src&quot;,&#039;IMAGE/on/&#039;+idSelectionne+&#039;.jpg&#039;);
        $(this).fadeIn(&#039;slow&#039;);    
    });
    $(&#039;header&#039;).text(&#039;&#039;);
    //Ajout de la description
    $.ajax( {
            type: &quot;GET&quot;,
            url: &quot;description_animaux.xml&quot;,
            dataType: &quot;xml&quot;,
            success: function(xml) 
                {
                $(xml).find(&#039;animal&#039;).each(   
                    function()
                    {
                    var id = $(this).attr(&#039;id&#039;);
                    if(idSelectionne==id){
                        var nomAnimal = $(this).find(&#039;nom_animal&#039;).text();
                        var description = $(this).find(&#039;description&#039;).text();
                        $(&#039;&lt;div class=&quot;nomAnimal&quot;&gt;&lt;/div&gt;&#039;).html(nomAnimal).appendTo(&#039;header&#039;);
                        $(&#039;&lt;div class=&quot;description&quot;&gt;&lt;/div&gt;&#039;).html(description).appendTo(&#039;header&#039;);
                }
                    });
                }
        });       
 
    });
});</code></pre></div><p>-un extrait de description_animaux.xml:<br /></p><div class="codebox"><pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;liste&gt;
&lt;animal id=&quot;ane&quot;&gt;
    &lt;nom_animal&gt;Ane&lt;/nom_animal&gt;
    &lt;description&gt;&lt;/description&gt;
&lt;/animal&gt; 
&lt;animal id=&quot;babouin&quot;&gt;
    &lt;nom_animal&gt;Babouin&lt;/nom_animal&gt;
    &lt;description&gt;&lt;/description&gt;
&lt;/animal&gt; 
&lt;/liste&gt;</code></pre></div><p>Et jusque là tout fonctionne bien sur un navigateur sous ubuntu, windows et même une tablette android. Ma page s&#039;affiche bien et quand je clique j&#039;entends bien un joli chant de baleine ou le cri d&#039;un blaireau.<br />Seulement je me dis &quot;Tiens vu que j&#039;ai un fichier xml pourquoi ne pas l&#039;utiliser pour aussi gérer l&#039;affichage de son.html&quot; comme ça si je veux ajouter une bête ou la voisine pas de soucis je n&#039;ai qu&#039;à modifier le ficher xml et pas en plus&nbsp; devoir ajouter une ligne dans son.html.<br />J&#039;écris donc le fichier initialise_page.js qui à cette te :<br /></p><div class="codebox"><pre><code>$(document).ready(function() {     
    $.ajax( {
            type: &quot;GET&quot;,
            url: &quot;description_animaux.xml&quot;,
            dataType: &quot;xml&quot;,
            success: function(xml) 
                {
                $(xml).find(&#039;animal&#039;).each(  
                    function()
                    {
                    var id = $(this).attr(&#039;id&#039;);
                    $(&#039;&lt;img src=&quot;IMAGE/off/&#039;+id+&#039;.jpg&quot; title=&quot;&#039;+id+&#039;&quot; class=&quot;trigger&quot;/&gt;&#039;).appendTo(&#039;#contenu&#039;);
                    });
                }
        });            
});</code></pre></div><p>Et j&#039;ajoute la ligne &lt;script type=&quot;text/javascript&quot; src=&quot;JS/initialise_page.js&quot;&gt;&lt;/script&gt; dans son.html en supprimant toutes les balise simg.<br />Je raffraichis mon navigateur et mes images s&#039;affichent, miracle. Sauf que quand je clique sur une image rien ne se passe et je ne vois pas pourquoi. En plus comme je débute avec jquery est-ce que vous avez une idée?<br />D&#039;avance merci.</p>]]></summary>
			<author>
				<name><![CDATA[BelouG]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=195</uri>
			</author>
			<updated>2012-04-28T21:01:13Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=66&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[jquery mobile pagebeforeload]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=65&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour<br />Je cherche a utiliser la méthode:<br />Code :Sélectionner tout - Visualiser dans une fenêtre à part<br /></p><div class="codebox"><pre><code>$( document ).bind( &quot;pagebeforeload&quot;, function( event, data )</code></pre></div><p>de jquery mobile, par contre je ne trouve pas d&#039;exemple ni ne comprend vraiment a quoi ca sert reellement. <a href="http://mobile.jquery-fr.com/docs/api/events.html">http://mobile.jquery-fr.com/docs/api/events.html</a><br />Si quelqu&#039;un a une idée, merci de m&#039;eclairer.</p>]]></summary>
			<author>
				<name><![CDATA[alex88]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=190</uri>
			</author>
			<updated>2012-04-27T09:23:57Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=65&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[recherche de Galerie]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=64&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour tout le monde,<br />Débutante en la matière, je cherche une galerie pour mon site. <br />je vous explique le cas concretement : <br />- dans mon menu, j&#039;ai une page &quot;print&quot;<br />- dans cette page &quot;print&quot; je voudrait une gallerie avec 4 rubriques différentes : &quot;affiches&quot;, &quot;cartes&quot;, &quot;dépliants&quot;, &quot;flyers&quot;<br />- dans chacune de ces 4 rubriques, je voudai y insérer une dizaine d&#039;images.<br />- s&#039;il y avait des miniatures visibles ça serait le top. </p><p>je vous joins un exemple que j&#039;ai trouvé sur internet (j&#039;ai contacté la fille mais elle ne peux pas me donner son sript car apparemment c&#039;est elle qui l&#039;a fait). <a href="http://laurafrere.fr/la-belle-afrique.html">http://laurafrere.fr/la-belle-afrique.html</a></p><p>merci de venir a mon aide.</p>]]></summary>
			<author>
				<name><![CDATA[mouyssetemilie]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=188</uri>
			</author>
			<updated>2012-04-26T09:51:20Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=64&amp;action=new</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[afficher json en javascript avec jquery]]></title>
			<link rel="alternate" href="http://www.jquery-fr.com/forum/viewtopic.php?id=63&amp;action=new" />
			<summary type="html"><![CDATA[<p>Bonjour,</p><p>Mon but ultime est d&#039;afficher des markers dans google mapv3 à partir de données géocodées issues de mysql .J&#039;en suis tres tres loin<br />Apres avoir lu ,relu ,testé differents sites ,scripts, j&#039;ai tout laissé tomber et je repars de 0<br />Dans ce post je voudrais juste afficher les données issues d&#039;un fichier json, mais encore une fois , mon script ne fonctionne pas, je vous le livre ainsi que le contenu de mon fichier json qui est dans le meme folder que mon script html<br />Merci bcp<br />Cordialement<br />DESBUTES</p><p>mon fichier last_recap_map.html</p><div class="codebox"><pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Développez avec les API Google Maps&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, user-scalable=no&quot; /&gt;
&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
&lt;style type=&quot;text/css&quot;&gt;
html {
height: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px;
}
#map_canvas {
height: 100%;
}
&lt;/style&gt;

 &lt;script src=&quot;http://code.jquery.com/jquery-latest.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
 $(document).ready(function() {
  
    $.getJSON(&#039;coorrdon.json&#039;, function(data) {
      
      $.each(data, function(entryIndex, entry) {
        var html = &#039;&lt;h3&gt;&#039;;
        html +=  + entry[&#039;ec_nom&#039;] ;
        html +=  + entry[&#039;ec_type&#039;] ;
        
        html += + entry[&#039;ec_adresse&#039;];
        html += + &#039;&lt;/h3&gt;&#039;;
       
        $(&#039;#map_canvas&#039;).append(html);
      });
    });
    return false;
  
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div id=&quot;map_canvas&quot; &gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre></div><p>Mon fichier coorrdon.json<br /></p><div class="codebox"><pre><code>{&quot;ec_nom&quot;:&quot;VOUILLE&quot;,&quot;ec_type&quot;:&quot;ECOLE ELEM&quot;,&quot;ec_adresse&quot;:&quot;3 RUE BRAUNSBACH&quot;,&quot;ec_ville&quot;:&quot;VOUILLE&quot;,&quot;ec_cp&quot;:&quot;86190&quot;}</code></pre></div>]]></summary>
			<author>
				<name><![CDATA[desbutes]]></name>
				<uri>http://www.jquery-fr.com/forum/profile.php?id=64</uri>
			</author>
			<updated>2012-04-18T16:08:51Z</updated>
			<id>http://www.jquery-fr.com/forum/viewtopic.php?id=63&amp;action=new</id>
		</entry>
</feed>

