Discussion :

[vbaguet]

Bonjour à tous,

Je posséde une page HTML qui contient 5 div. Dans chaque DIV, j'ai l'intention de mettre une icone d'impression, permettant d'imprimer uniquement le DIV courant.
En fait quand on clique sur le titre du div, le div s'ouvre et les autres se ferment et ainsi de suite.

Voici mon code js :

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
19
 
$(document).ready(function() {
  $('div.slider> div').hide();  
  $('div.slider> h3').click(function() {
    var $nextDiv = $(this).next();
    var $visibleSiblings = $nextDiv.siblings('div:visible');
 
    if ($visibleSiblings.length ) {
      $visibleSiblings.slideUp('500', function() {
        $nextDiv.slideToggle('500');
 
	});
    } else {
       $nextDiv.slideToggle('500');
 
    }
  });
 
});

Vous avez une idée de comment je peux faire ça ? Je suis perdu...

Un grand merci !

[SpaceFrog]

J'aurais tenté de modifier une class css définie dans le media print...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".slider").find(":hidden").addClass("noprint");

avec dans le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
@media print {
 
.noprint { display: none;}
 
}

Ainsi tous les elements ayant la classe noprint ne seront pas imprimés