meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision 		Révision précédente
demo:folded [2011/12/05 22:23]
ztrulphcs [Modification] 		demo:folded [2012/08/07 05:32]
ztrulphcs
Ligne 9: Ligne 9:
 ===== Modification ===== ===== Modification =====
  
-Il a fallu changer complètement lz code javascript de ce greffon. +Ce greffon n'a subi aucune modification de la part de schplurtz.
-Voilà le fichier ''lib/plugins/folded/script.js'' +
-<code javascript lib/plugins/folded/script.js> +
-/* +
- * For Folded Text Plugin +
- * +
- * @author Fabian van-de-l_Isle <webmaster [at] lajzar [dot] co [dot] uk> +
- * @author Christopher Smith <chris [at] jalakai [dot] co [dot] uk> +
- * @author Schplurtz le déboulonné <schplurtz [At] laposte [doT] net> +
- */ +
- +
-// containers for localised reveal/hide strings,  +
-// populated from html comments in hidden elements on the page +
-var folded_reveal = 'reveal'; +
-var folded_hide = 'hide'; +
- +
-/* +
- * toggle the folded element via className change +
- * also adjust the classname and title tooltip on the folding link +
- */ +
-function folded_toggle(evt) { +
-  id = this.href.match(/(#.*)$/)[1]; +
-  var n=jQuery(id); +
-  if(n.hasClass('hidden')) { +
-  n.addClass('open').removeClass('hidden'); +
-  } +
-  else { +
-  n.addClass('hidden').removeClass('open'); +
-  } +
-  evt.preventDefault(); +
-  return false; +
-} +
- +
-/* +
- * run on document load, setup everything we need +
- */ +
-jQuery(function() { +
-  // alert( 'dom is ready'); +
-  var n=jQuery('#folded_reveal'); +
-  if(!n) return; +
-  n.each( function(){ folded_reveal=this.innerHTML.match(/^<!-- (.*) -->$/)[1]; }); +
-  n=jQuery('#folded_hide'); +
-  n.each( function(){ folded_hide=this.innerHTML.match(/^<!-- (.*) -->$/)[1]; }); +
-  jQuery('.folder').click(folded_toggle); +
-}); +
- +
-//jQuery(folded_setup); +
- +
-// support graceful js degradation, this hides the folded blocks from view before they are shown,  +
-// whilst still allowing non-js user to see any folded content. +
-document.write('<style type="text/css" media="screen"><!--/*--><![CDATA[/*><!--*/ .folded.hidden { display: none; } .folder .indicator { visibility: visible; } /*]]>*/--></style>'); +
-</code>+
  
  --- //[[schplurtz@free.fr|schplurtz le déboulonné]] 2011/03/12 18:37//  --- //[[schplurtz@free.fr|schplurtz le déboulonné]] 2011/03/12 18:37//
Ligne 66: Ligne 15:
 ===== Démo ===== ===== Démo =====
  
 +voilà du texte ++caché|enfin pas vraiment si caché que ça en fait.++, dans une ligne
   voilà du texte ++caché|enfin pas vraiment si caché que ça en fait.++, dans une ligne   voilà du texte ++caché|enfin pas vraiment si caché que ça en fait.++, dans une ligne
-   
-  Et voilà toute une section repliée 
-   
-  ++++Voir les détails| 
-  Le rat est un petit mammifère. La photo ci-dessous montre un 
-  spécimen de l'espèce //rattus norvegicus//. Cette espèce est 
-  présente sur quasiment toute la planète. 
-   
-  {{  http://upload.wikimedia.org/wikipedia/commons/0/01/Rattus_norvegicus_1.jpg?nolink  |rattus norvegicus, image wikipedia commons}} 
-   
-  Découvrez plus d'informations sur cette bestiole sur wikipedia 
-  [[wpfr>rattus]]. 
-   
-  Les saut de paragraphes ne sont pas conservés, mais on peut 
-  mettre pleins de trucs dans une section repliée. 
-   
-  ^ des   ^ tableaux ^ par exemple ^ 
-  | comme | celui ci              || 
-  ++++ 
  
-voilà du texte ++caché|enfin pas vraiment si caché que ça en fait.++, dans une ligne+une utilisation de ce greffon que j'aime bien consiste à mettre des captures d'écran ou autre images au milieu d'explications. En effet, l'image repliée ne gène pas la lecture tout en étant à porté de click. Par exemple 
 +  * faites comme ça ''%%++image|\\ .....++%%'' 
 +  * par exemple ++image|\\ {{:demo:add-namespace-as-imageflow.png?nolink&|}}++ 
 +  * ou encore ++image|\\ {{:demo:rincewind.png?nolink&|}}++ 
 + 
 +  une utilisation de ce greffon que j'aime bien consiste à mettre des captures d'écran ou 
 +  autres images au milieu d'explications. En effet, l'image repliée ne gène pas la lecture 
 +  tout en étant à porté de click. Par exemple 
 +    * faites comme ça ''%%++image|\\ .....++%%'' 
 +    * par exemple ++image|\\ {{:demo:add-namespace-as-imageflow.png?nolink&|}}++ 
 +    * ou encore ++image|\\ {{:demo:rincewind.png?nolink&|}}++
  
 Et voilà toute une section repliée Et voilà toute une section repliée
Ligne 108: Ligne 49:
 ++++ ++++
  
 +
 +  Et voilà toute une section repliée
 +  
 +  ++++Voir les détails|
 +  Le rat est un petit mammifère. La photo ci-dessous montre un
 +  spécimen de l'espèce //rattus norvegicus//. Cette espèce est
 +  présente sur quasiment toute la planète.
 +  
 +  {{  http://upload.wikimedia.org/wikipedia/commons/0/01/Rattus_norvegicus_1.jpg?nolink  |rattus norvegicus, image wikipedia commons}}
 +  
 +  Découvrez plus d'informations sur cette bestiole sur wikipedia
 +  [[wpfr>rattus]].
 +  
 +  Les saut de paragraphes ne sont pas conservés, mais on peut
 +  mettre pleins de trucs dans une section repliée.
 +  
 +  ^ des   ^ tableaux ^ par exemple ^
 +  | comme | celui ci              ||
 +  ++++