Suite du commit précédent .

Afin de pouvoir cibler les 3 blocs #illustrations #portfolio et #documents en javascript, on leur rajoute une classe unique au lieu de leur attribuer un nouvel id unique.
Ainsi on s'assure de ne pas bousculer les CSS (merci Cédric Morin).

prive/squelettes/inclure/portfolio-documents.html

@@ -5,20 +5,18 @@
   Distribue sous licence GPL
 
 ]
-#SET{id_unique, #OBJET|et{#ID_OBJET}|?{
-	#VAL{_}|concat{#OBJET}|concat{#ID_OBJET},
-	#VAL{_}|concat{#EVAL{'rand();'}}
+#SET{id_unique, #VAL{portfolios_}|concat{#OBJET|et{#ID_OBJET}|?{
+			#OBJET|concat{#ID_OBJET},
+			#EVAL{'rand();'}
+		}
 	}
 }
-#SET{id_illustrations,	#VAL{illustrations}|concat{#GET{id_unique}}}
-#SET{id_portfolio,	#VAL{portfolio}|concat{#GET{id_unique}}}
-#SET{id_documents,	#VAL{documents}|concat{#GET{id_unique}}}
 #SET{nbdocs,0}
-<div id="portfolios">
+<div id="portfolios"[ class="(#GET{id_unique})"]>
 [(#REM) D'abord les images illustration]
 <B_illustrations>
 <h3><span class="image_loading"></span><:medias:info_illustrations:></h3>
-<div class="liste_items documents" id="[(#GET{id_illustrations})]">
+<div class="liste_items documents[ (#GET{id_unique})]" id="illustrations">
 [<p class="pagination">(#PAGINATION)</p>]
 <BOUCLE_illustrations(DOCUMENTS documents_liens types_documents){inclus=image}{mode=image}{id_objet}{objet}{par num titre,date,id_document}{pagination 50}{statut?}>
 	#MODELE{document_desc,id_document,id_objet,objet}
@@ -32,7 +30,7 @@
 [(#REM) puis les images du portfolio]
 <B_portfolio>
 <h3><:medias:info_portfolio:></h3>
-<div class="liste_items documents" id="[(#GET{id_portfolio})]">
+<div class="liste_items documents[ (#GET{id_unique})]" id="portfolio">
 [<p class="pagination">(#PAGINATION)</p>]
 <BOUCLE_portfolio(DOCUMENTS documents_liens types_documents){inclus=image}{mode=document}{id_objet}{objet}{par num titre,date,id_document}{pagination 50}{statut?}>
 	#MODELE{document_desc,id_document,id_objet,objet}
@@ -46,7 +44,7 @@
 [(#REM) puis les documents]
 <B_documents>
 <h3><:medias:info_documents:></h3>
-<div class="liste_items documents" id="[(#GET{id_documents})]">
+<div class="liste_items documents[ (#GET{id_unique})]" id="documents">
 [<p class="pagination">(#PAGINATION)</p>]
 <BOUCLE_documents(DOCUMENTS documents_liens types_documents){inclus!=image}{mode!=vignette}{id_objet}{objet}{par num titre,date,id_document}{pagination 50}{statut?}>
 	#MODELE{document_desc,id_document,id_objet,objet}
@@ -66,17 +64,17 @@ if (!$.isFunction(window.editbox_init)) {
 if (window.jQuery) jQuery('#navigation .box.info').ajaxReload();]
 function check_reload_page(){
 	var reload = false;
-	if($('[#(#GET{id_illustrations})]').length && !$('[#(#GET{id_illustrations})] .item').length){
-		$('[#(#GET{id_illustrations})]').remove();reload = true;
+	if($('#illustrations[.(#GET{id_unique})]').length && !$('#illustrations[.(#GET{id_unique})] .item').length){
+		$('#illustrations[.(#GET{id_unique})]').remove();reload = true;
 	}
-	if($('[#(#GET{id_portfolio})]').length && !$('[#(#GET{id_portfolio})] .item').length){
-		$('[#(#GET{id_portfolio})]').remove();reload = true;
+	if($('#portfolio[.(#GET{id_unique})]').length && !$('#portfolio[.(#GET{id_unique})] .item').length){
+		$('#portfolio[.(#GET{id_unique})]').remove();reload = true;
 	}
-	if($('[#(#GET{id_documents})]').length && !$('[#(#GET{id_documents})] .item').length){
-		$('[#(#GET{id_documents})]').remove();reload = true;
+	if($('#documents[.(#GET{id_unique})]').length && !$('#documents[.(#GET{id_unique})] .item').length){
+		$('#documents[.(#GET{id_unique})]').remove();reload = true;
 	}
 	if (reload) {
-		jQuery('#portfolios').ajaxReload();
+		jQuery('#portfolios[.(#GET{id_unique})]').ajaxReload();
 		jQuery('#navigation .box.info').ajaxReload();
 	}
 }