<?xml version="1.0" encoding="ISO-8859-1"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>Forum du club des développeurs et IT Pro - jQuery</title>
		<link>https://www.developpez.net/forums/</link>
		<description><![CDATA[Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript]]></description>
		<language>fr</language>
		<lastBuildDate>Thu, 04 Jun 2026 15:02:25 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>15</ttl>
		<image>
			<url>https://forum.developpez.be/images/misc/rss.png</url>
			<title>Forum du club des développeurs et IT Pro - jQuery</title>
			<link>https://www.developpez.net/forums/</link>
		</image>
		<item>
			<title><![CDATA[que signifie l'étoile dans le selector ?]]></title>
			<link>https://www.developpez.net/forums/showthread.php?t=2180065&amp;goto=newpost</link>
			<pubDate>Fri, 24 Oct 2025 09:18:04 GMT</pubDate>
			<description>bonjour, 
 
en reprenant du...</description>
			<content:encoded><![CDATA[<div>bonjour,<br />
<br />
en reprenant du code pour un selector jquery, je remarque un asterisk, que signifie-t-il ?<br />
que je le mette ou l'enlève, ça sélectionne bien ce que je veux (les élements ayant lundi,mardi.. dans l'attribut data-name)<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="26"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'*[data-name=&quot;Mardi&quot;],[data-name=&quot;Lundi&quot;],[data-name=&quot;Mercredi&quot;],[data-name=&quot;Jeudi&quot;],[data-name=&quot;Vendredi&quot;],[data-name=&quot;Samedi&quot;]'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">each</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
	<span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #0000ff;">this</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">css</span><span class="br0">&#40;</span><span style="color: #FF0000;">&quot;background-image&quot;</span>,<span style="color: #FF0000;">&quot;url('files/background_papier.png')&quot;</span><span class="br0">&#41;</span>;			
<span class="br0">&#125;</span><span class="br0">&#41;</span>;</pre></td></tr></table></code><hr />
</div><br />
Normalement le * veut dire de sélectionner tout dans le cas d'un (*) mais là, avant une énumération de plusieurs conditions, je ne vois pas son utilité...<br />
<br />
avez-vous une idée ?</div>

]]></content:encoded>
			<category domain="https://www.developpez.net/forums/f1188/javascript/bibliotheques-frameworks/jquery/">jQuery</category>
			<dc:creator>clavier12AZQSWX</dc:creator>
			<guid isPermaLink="true">https://www.developpez.net/forums/d2180065/javascript/bibliotheques-frameworks/jquery/signifie-l-etoile-selector/</guid>
		</item>
		<item>
			<title>Ajouter une mention CSS dans le header pour imprimer en mode paysage</title>
			<link>https://www.developpez.net/forums/showthread.php?t=2179813&amp;goto=newpost</link>
			<pubDate>Mon, 13 Oct 2025 09:27:01 GMT</pubDate>
			<description>bonjour, 
 
je travaille sur...</description>
			<content:encoded><![CDATA[<div>bonjour,<br />
<br />
je travaille sur le rendu d'un framework propriétaire.<br />
Quand on utilise la fonction imprimer du navigateur c'est un mode portrait.<br />
Je voudrais le forcer en mode paysage.<br />
je peux pas changer la CSS générée par le framework mais je peux ajouter un script JS en pied de page.<br />
<br />
est-ce que par change je peux hacker gentiment le header pour ajouter une balise CSS en mode print indiquant d'utiliser l'orientation landscape au lieu de portrait (et au lieu de -vide- default) ?<br />
<br />
merci de votre aide</div>

]]></content:encoded>
			<category domain="https://www.developpez.net/forums/f1188/javascript/bibliotheques-frameworks/jquery/">jQuery</category>
			<dc:creator>clavier12AZQSWX</dc:creator>
			<guid isPermaLink="true">https://www.developpez.net/forums/d2179813/javascript/bibliotheques-frameworks/jquery/ajouter-mention-css-header-imprimer-mode-paysage/</guid>
		</item>
		<item>
			<title>Annuaire perso en HTML</title>
			<link>https://www.developpez.net/forums/showthread.php?t=2179510&amp;goto=newpost</link>
			<pubDate>Sat, 27 Sep 2025 10:51:58 GMT</pubDate>
			<description>Bonjour, 
je souhaite créer...</description>
			<content:encoded><![CDATA[<div>Bonjour,<br />
je souhaite créer un annuaire perso.<br />
Je ne retrouve pas mes données du fichier. JSON dans le htlm index.<br />
Si quelqu'un pourrait m'aider, je le remercie par avance .<br />
voici les fichiers : <a rel="nofollow" href="https://nuage01.apps.education.fr/index.php/s/FareAQdxmi4HmSe" target="_blank">https://nuage01.apps.education.fr/in...areAQdxmi4HmSe</a><br />
<b>index.html</b><br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="40"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />31<br />32<br />33<br />34<br />35<br />36<br />37<br />38<br />39<br />40<br />41<br />42<br />43<br />44<br />45<br />46<br />47<br />48<br />49<br />50<br />51<br />52<br />53<br />54<br />55<br />56<br />57<br />58<br />59<br />60<br />61<br />62<br />63<br />64<br />65<br />66<br />67<br />68<br />69<br />70<br />71<br />72<br />73<br />74<br />75<br />76<br />77<br />78<br />79<br />80<br />81<br />82<br />83<br />84<br />85<br />86<br />87<br />88<br />89<br />90<br />91<br />92<br />93<br />94<br />95<br />96<br />97<br />98<br />99<br />100<br />101<br />102<br />103<br />104<br />105<br />106<br />107<br />108<br />109<br />110<br />111<br />112<br />113<br />114<br />115<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #339933;">&lt;!DOCTYPE html&gt;</span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">html</span> <span style="color: #0080ff;">lang</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;fr&quot;</span><span style="color: #0000ff;">&gt;</span></span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">head</span><span style="color: #0000ff;">&gt;</span></span>
  <span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">meta</span> <span style="color: #0080ff;">charset</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;UTF&#8209;8&quot;</span><span style="color: #0000ff;">&gt;</span></span>
  <span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">title</span><span style="color: #0000ff;">&gt;</span></span>Annuaire<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">title</span><span style="color: #0000ff;">&gt;</span></span>
  <span style="color: #0000ff;">&lt;style</span><span style="color: #0000ff;">&gt;</span>
&nbsp; &nbsp; body <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">font-family</span>: Arial, sans&#8209;<span style="color: #0080ff;">serif</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin</span>: <span style="color: #cc66cc;">20</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">background-color</span>:<span style="color: #cc66cc;"> #f9f9f9</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">color</span>:<span style="color: #cc66cc;"> #333</span>;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; header <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">display</span>: <span style="color: #0080ff;">flex</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">align-items</span>: <span style="color: #0080ff;">center</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border-bottom</span>: <span style="color: #cc66cc;">2</span>px <span style="color: #0080ff;">solid</span> <span style="color: #cc66cc;">#273375</span>; <span style="color: #808080;">/* bleu fonc&eacute; */</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">padding-bottom</span>: <span style="color: #cc66cc;">10</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin-bottom</span>: <span style="color: #cc66cc;">20</span>px;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; header img <span class="br0">&#123;</span> <span style="color: #0000ff;">height</span>: <span style="color: #cc66cc;">60</span>px; <span style="color: #0000ff;">margin-right</span>: <span style="color: #cc66cc;">15</span>px; <span class="br0">&#125;</span>
&nbsp; &nbsp; header h1 <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">color</span>:<span style="color: #cc66cc;"> #273375</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">font-size</span>: <span style="color: #cc66cc;">1.8</span>em;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin</span>: <span style="color: #cc66cc;">0</span>;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">#searchBar</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin-bottom</span>: <span style="color: #cc66cc;">15</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">width</span>: <span style="color: #cc66cc;">100</span>%;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">padding</span>: <span style="color: #cc66cc;">8</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">font-size</span>: <span style="color: #cc66cc;">1</span>em;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border</span>: <span style="color: #cc66cc;">1</span>px <span style="color: #0080ff;">solid</span> <span style="color: #cc66cc;">#ccc</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border-radius</span>: <span style="color: #cc66cc;">4</span>px;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.contact-list</span> <span class="br0">&#123;</span> <span style="color: #0000ff;">list-style</span>: <span style="color: #0080ff;">none</span>; <span style="color: #0000ff;">padding</span>: <span style="color: #cc66cc;">0</span>; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.contact-item</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">background</span>:<span style="color: #cc66cc;"> #fff</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border</span>: <span style="color: #cc66cc;">1</span>px <span style="color: #0080ff;">solid</span> <span style="color: #cc66cc;">#ddd</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border-radius</span>: <span style="color: #cc66cc;">4</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">display</span>: <span style="color: #0080ff;">flex</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">align-items</span>: <span style="color: #0080ff;">center</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin-bottom</span>: <span style="color: #cc66cc;">8</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">padding</span>: <span style="color: #cc66cc;">10</span>px;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.contact-item</span> img <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">border-radius</span>: <span style="color: #cc66cc;">50</span>%;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">width</span>: <span style="color: #cc66cc;">50</span>px;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">height</span>: <span style="color: #cc66cc;">50</span>px;
&nbsp; &nbsp; &nbsp; object-fit: <span style="color: #0080ff;">cover</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">margin-right</span>: <span style="color: #cc66cc;">12</span>px;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.contact-info</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">display</span>: <span style="color: #0080ff;">flex</span>;
&nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">flex-direction</span>: <span style="color: #0080ff;">column</span>;
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.name</span> <span class="br0">&#123;</span> <span style="color: #0000ff;">font-weight</span>: <span style="color: #0080ff;">bold</span>; <span style="color: #0000ff;">color</span>:<span style="color: #cc66cc;"> #273375</span>; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span style="color: #339933;">.role</span> <span class="br0">&#123;</span> <span style="color: #0000ff;">font-size</span>: <span style="color: #cc66cc;">0.9</span>em; <span style="color: #0000ff;">color</span>:<span style="color: #cc66cc;"> #555</span>; <span class="br0">&#125;</span>
&nbsp; <span style="color: #0000ff;">&lt;/style&gt;</span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">head</span><span style="color: #0000ff;">&gt;</span></span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">body</span><span style="color: #0000ff;">&gt;</span></span>
&nbsp;
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">header</span><span style="color: #0000ff;">&gt;</span></span>
  &lt;img src=&quot; alt=&quot;&quot;&gt;
  <span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">h1</span><span style="color: #0000ff;">&gt;</span></span>Annuaire interne<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">h1</span><span style="color: #0000ff;">&gt;</span></span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">header</span><span style="color: #0000ff;">&gt;</span></span>
&nbsp;
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">input</span> <span style="color: #0080ff;">type</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;text&quot;</span> <span style="color: #0080ff;">id</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;searchBar&quot;</span> <span style="color: #0080ff;">placeholder</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;Rechercher un contact...&quot;</span> /<span style="color: #0000ff;">&gt;</span></span>
&nbsp;
<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">ul</span> <span style="color: #0080ff;">class</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;contact-list&quot;</span> <span style="color: #0080ff;">id</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;contactList&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">ul</span><span style="color: #0000ff;">&gt;</span></span>
&nbsp;
<span style="color: #0000ff;">&lt;script&gt;</span>
<span style="color: #0000ff;">let</span> contacts = <span class="br0">&#91;</span><span class="br0">&#93;</span>;
&nbsp;
<span style="color: #808080;">// Affichage des contacts</span>
<span style="color: #0000ff;">function</span> <span style="color: #0080ff;">afficher</span><span class="br0">&#40;</span>contactsFiltres<span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp; <span style="color: #0000ff;">const</span> list = <span style="color: #0080ff;">document</span>.<span style="color: #0080ff;">getElementById</span><span class="br0">&#40;</span><span style="color: #FF0000;">'contactList'</span><span class="br0">&#41;</span>;
&nbsp; list.innerHTML = <span style="color: #FF0000;">''</span>;
&nbsp; contactsFiltres.<span style="color: #0080ff;">forEach</span><span class="br0">&#40;</span>c =&gt; <span class="br0">&#123;</span>
&nbsp; &nbsp; <span style="color: #0000ff;">const</span> li = <span style="color: #0080ff;">document</span>.<span style="color: #0080ff;">createElement</span><span class="br0">&#40;</span><span style="color: #FF0000;">'li'</span><span class="br0">&#41;</span>;
&nbsp; &nbsp; li.className = <span style="color: #FF0000;">'contact-item'</span>;
&nbsp; &nbsp; li.innerHTML = <span style="color: #FF0000;">`</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp;&lt;img src=&quot;<span style="color: #800000;">${c.photo}</span>&quot; alt=&quot;Photo de <span style="color: #800000;">${c.nom}</span>&quot; /&gt;</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp;&lt;div class=&quot;contact-info&quot;&gt;</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;span class=&quot;name&quot;&gt;<span style="color: #800000;">${c.nom}</span>&lt;/span&gt;</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;span class=&quot;role&quot;&gt;<span style="color: #800000;">${c.role}</span>&lt;/span&gt;</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;span class=&quot;email&quot;&gt;<span style="color: #800000;">${c.email}</span>&lt;/span&gt;</span>
<span style="color: #FF0000;"> &nbsp; &nbsp; &nbsp;&lt;/div&gt;`</span>;
&nbsp; &nbsp; list.<span style="color: #0080ff;">appendChild</span><span class="br0">&#40;</span>li<span class="br0">&#41;</span>;
&nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span>
&nbsp;
<span style="color: #808080;">// Charger les contacts depuis le fichier JSON</span>
<span style="color: #0080ff;">fetch</span><span class="br0">&#40;</span><span style="color: #FF0000;">'contacts.json'</span><span class="br0">&#41;</span>
&nbsp; .<span style="color: #0080ff;">then</span><span class="br0">&#40;</span>response =&gt; response.<span style="color: #0080ff;">json</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span>
&nbsp; .<span style="color: #0080ff;">then</span><span class="br0">&#40;</span>data =&gt; <span class="br0">&#123;</span>
&nbsp; &nbsp; contacts = data;
&nbsp; &nbsp; <span style="color: #0080ff;">afficher</span><span class="br0">&#40;</span>contacts<span class="br0">&#41;</span>;
&nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>
&nbsp; .<span style="color: #0000ff;">catch</span><span class="br0">&#40;</span>error =&gt; <span class="br0">&#123;</span>
&nbsp; &nbsp; console.<span style="color: #0080ff;">error</span><span class="br0">&#40;</span><span style="color: #FF0000;">&quot;Erreur lors du chargement des contacts :&quot;</span>, error<span class="br0">&#41;</span>;
&nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>;
&nbsp;
<span style="color: #808080;">// Filtrage dynamique</span>
<span style="color: #0080ff;">document</span>.<span style="color: #0080ff;">getElementById</span><span class="br0">&#40;</span><span style="color: #FF0000;">'searchBar'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">addEventListener</span><span class="br0">&#40;</span><span style="color: #FF0000;">'input'</span>, <span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp; <span style="color: #0000ff;">const</span> terme = <span style="color: #0000ff;">this</span>.value.<span style="color: #0080ff;">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;
&nbsp; <span style="color: #0000ff;">const</span> filtres = contacts.<span style="color: #0080ff;">filter</span><span class="br0">&#40;</span>c =&gt;
&nbsp; &nbsp; c.nom.<span style="color: #0080ff;">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">includes</span><span class="br0">&#40;</span>terme<span class="br0">&#41;</span> ||
&nbsp; &nbsp; c.role.<span style="color: #0080ff;">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">includes</span><span class="br0">&#40;</span>terme<span class="br0">&#41;</span> ||
&nbsp; &nbsp; c.email.<span style="color: #0080ff;">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">includes</span><span class="br0">&#40;</span>terme<span class="br0">&#41;</span>
&nbsp; <span class="br0">&#41;</span>;
&nbsp; <span style="color: #0080ff;">afficher</span><span class="br0">&#40;</span>filtres<span class="br0">&#41;</span>;
<span class="br0">&#125;</span><span class="br0">&#41;</span>;
<span style="color: #0000ff;">&lt;/script&gt;</span>
&nbsp;
<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">body</span><span style="color: #0000ff;">&gt;</span></span>
<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">html</span><span style="color: #0000ff;">&gt;</span></span></pre></td></tr></table></code><hr />
</div><b>contacts.json</b><br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="33"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br /></div></td><td valign="top"><pre style="margin: 0"><span class="br0">&#91;</span>
  <span class="br0">&#123;</span>
    <span style="color: #FF0000;">&quot;nom&quot;</span>: <span style="color: #FF0000;">&quot;Dupont, Marie&quot;</span>,
    <span style="color: #FF0000;">&quot;role&quot;</span>: <span style="color: #FF0000;">&quot;Inspectrice&quot;</span>,
    <span style="color: #FF0000;">&quot;email&quot;</span>: <span style="color: #FF0000;">&quot;marie.dupont@ac-orleans-tours.fr&quot;</span>,
    <span style="color: #FF0000;">&quot;photo&quot;</span>: <span style="color: #FF0000;">&quot;https://via.placeholder.com/50?text=MD&quot;</span>
  <span class="br0">&#125;</span>,
  <span class="br0">&#123;</span>
    <span style="color: #FF0000;">&quot;nom&quot;</span>: <span style="color: #FF0000;">&quot;Martin, Julien&quot;</span>,
    <span style="color: #FF0000;">&quot;role&quot;</span>: <span style="color: #FF0000;">&quot;IA-IPR&quot;</span>,
    <span style="color: #FF0000;">&quot;email&quot;</span>: <span style="color: #FF0000;">&quot;julien.martin@ac-orleans-tours.fr&quot;</span>,
    <span style="color: #FF0000;">&quot;photo&quot;</span>: <span style="color: #FF0000;">&quot;https://via.placeholder.com/50?text=JM&quot;</span>
  <span class="br0">&#125;</span>,
  <span class="br0">&#123;</span>
    <span style="color: #FF0000;">&quot;nom&quot;</span>: <span style="color: #FF0000;">&quot;Durand, Sophie&quot;</span>,
    <span style="color: #FF0000;">&quot;role&quot;</span>: <span style="color: #FF0000;">&quot;Charg&eacute;e de mission&quot;</span>,
    <span style="color: #FF0000;">&quot;email&quot;</span>: <span style="color: #FF0000;">&quot;sophie.durand@ac-orleans-tours.fr&quot;</span>,
    <span style="color: #FF0000;">&quot;photo&quot;</span>: <span style="color: #FF0000;">&quot;https://via.placeholder.com/50?text=SD&quot;</span>
  <span class="br0">&#125;</span>
<span class="br0">&#93;</span></pre></td></tr></table></code><hr />
</div>Bien à vous,</div>

]]></content:encoded>
			<category domain="https://www.developpez.net/forums/f1188/javascript/bibliotheques-frameworks/jquery/">jQuery</category>
			<dc:creator>Jpoly3</dc:creator>
			<guid isPermaLink="true">https://www.developpez.net/forums/d2179510/javascript/bibliotheques-frameworks/jquery/annuaire-perso-html/</guid>
		</item>
		<item>
			<title>Passer un parametre à une fonction</title>
			<link>https://www.developpez.net/forums/showthread.php?t=2179322&amp;goto=newpost</link>
			<pubDate>Wed, 17 Sep 2025 16:06:18 GMT</pubDate>
			<description>Bonjour, 
Pour une appli...</description>
			<content:encoded><![CDATA[<div>Bonjour,<br />
Pour une appli développée avec codeigniter<br />
J'utilise un script jquery, que j'ai trouvé sur le web, pour ajouter dynamiquement des champs à un formulaire<br />
Le script est appelé dans une view :<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">a</span> <span style="color: #0080ff;">href</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;javascript<b></b>:void(0);&quot;</span> <span style="color: #0080ff;">class</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;add_input_button&quot;</span> <span style="color: #0080ff;">title</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;Add field&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">img</span> <span style="color: #0080ff;">src</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;add-icon.png&quot;</span>/<span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">a</span><span style="color: #0000ff;">&gt;</span></span></code><hr />
</div>Il contient ceci :<br />
(j'ai viré une bonne partie du code HTML de new_field_html, inutile pour la compréhension du pb)<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="33"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #0080ff;">document</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">ready</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
    <span style="color: #0000ff;">var</span> max_fields = <span style="color: #cc66cc;">10</span>;
    <span style="color: #0000ff;">var</span> add_input_button = <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.add_input_button'</span><span class="br0">&#41;</span>;
    <span style="color: #0000ff;">var</span> field_wrapper = <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.field_wrapper'</span><span class="br0">&#41;</span>;
    <span style="color: #0000ff;">var</span> new_field_html = <span style="color: #FF0000;">'...&lt;a href=&quot;javascript<b></b>:void(0);&quot; class=&quot;remove_input_button&quot; title=&quot;Remove field&quot;&gt;&lt;img src=&quot;img/books_remove-icon.png&quot;/&gt;&lt;/a&gt;...'</span>;
    <span style="color: #0000ff;">var</span> input_count = <span style="color: #cc66cc;">1</span>;
    <span style="color: #0000ff;">$</span><span class="br0">&#40;</span>add_input_button<span class="br0">&#41;</span>.<span style="color: #0080ff;">click</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
        <span style="color: #0000ff;">if</span><span class="br0">&#40;</span>input_count &lt; max_fields<span class="br0">&#41;</span><span class="br0">&#123;</span>
            input_count++;
            <span style="color: #0000ff;">$</span><span class="br0">&#40;</span>field_wrapper<span class="br0">&#41;</span>.<span style="color: #0080ff;">append</span><span class="br0">&#40;</span>new_field_html<span class="br0">&#41;</span>;
        <span class="br0">&#125;</span>
    <span class="br0">&#125;</span><span class="br0">&#41;</span>;
    <span style="color: #0000ff;">$</span><span class="br0">&#40;</span>field_wrapper<span class="br0">&#41;</span>.<span style="color: #0080ff;">on</span><span class="br0">&#40;</span><span style="color: #FF0000;">'click'</span>, <span style="color: #FF0000;">'.remove_input_button'</span>, <span style="color: #0000ff;">function</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="br0">&#123;</span>
        e.<span style="color: #0080ff;">preventDefault</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;
        <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #0000ff;">this</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">closest</span><span class="br0">&#40;</span><span style="color: #FF0000;">'#inputFormRow'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">remove</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;
        input_count--;
    <span class="br0">&#125;</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span><span class="br0">&#41;</span>;</pre></td></tr></table></code><hr />
</div>En ce qui concerne la partie :<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span>add_input_button<span class="br0">&#41;</span>.<span style="color: #0080ff;">click</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></code><hr />
</div>du code, je voudrais modifier le chemin d'accès à l'IMG parce que comme tel, elle ne s'affiche pas. Il faudrait que je puisse passer le chemin, depuis la view, au code JS <br />
j'imagine qu'il faut modifier <span style="font-family: monospace; padding: 2px; background: #ddd; display: inline-block"><span style="color: #800000;">javascript</span>:<span style="color: #0080ff;">void</span><span class="br0">&#40;</span><span style="color: #cc66cc;">0</span><span class="br0">&#41;</span>;</span> pour lui passer le paramètre &quot;pathToImg&quot;<br />
Mais je ne sais pas comment faire et encore moins comment modifier le script pour récupérer le paramètre<br />
Toute aide sera la bienvenue, sachant que je vais être honnête, je n'ai pas la moindre envie de me plonger dans la doc pour apprendre jquery car j'en ai une utilisation strictement limité à ce cas de figure et je manque cruellement de temps.<br />
Merci</div>

]]></content:encoded>
			<category domain="https://www.developpez.net/forums/f1188/javascript/bibliotheques-frameworks/jquery/">jQuery</category>
			<dc:creator>foxbille</dc:creator>
			<guid isPermaLink="true">https://www.developpez.net/forums/d2179322/javascript/bibliotheques-frameworks/jquery/passer-parametre-fonction/</guid>
		</item>
	</channel>
</rss>
