Discussion :

[san1981]

Bonjour à tous,

Je suis en train de réaliser un site où je voudrais ajouter un bouton “print” qui ouvre la fenêtre d’impression au clic sur le bouton.

Actuellement avec mon code, la fenêtre d’impression s’ouvre automatiquement à l’ouverture du site, je voudrais que cette fenêtre ne s’ouvre que lorsqu’on clique sur le bouton,

Voici mes codes:

Code js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
window.onload = initAll;
 
function initAll(){
	document.getElementById('print').onclick = printpage();
}
 
function printpage(){
	window.print();
}

En html, j’ai donné l’id “print” au bouton voulu

Merci à tous,

[SpaceFrog]

Code :

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

window.onload = initAll;

ben là tu lui dit de lancer la fonction à l'ouverture !!

vire ça et rajoute une bouton :

Code :

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

<input type="button" onclick="printpage()" value="imprimer" />

[SpaceFrog]

remarque peut être plus simplement:

Code :

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

1
2
3
function initAll(){
	document.getElementById('print').onclick = function(){printpage();}
}

[san1981]

Code :

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

window.onload = initAll;

ben là tu lui dit de lancer la fonction à l'ouverture !!

je pensais que "window.onload = initAll;" demande simplement de charger toute la page avant d'activer le javascript, non?

Code :

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

1
2
3
 
function initAll(){document.getElementById('print').onclick = function(){printpage();}
}

Merci SpaceFrog, avec ton code ça fonctionne... Par contre, est-il possible de changer le curseur au passage sur le bouton "imprimer" pour faire apparaître la main?

[SpaceFrog]

pourquoi attribuer dynamiquement le onclick ???

plus directement dans ta balise input :

Code :

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

<input type="button" style="cursor:hand;" onclick="printpage()" value='Imprimer' />

[san1981]

pourquoi attribuer dynamiquement le onclick ???

plus directement dans ta balise input :

Code :

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

<input type="button" style="cursor:hand;" onclick="printpage()" value='Imprimer' />

j'ai lu sur plusieurs sites que le fait d'inclure directement le code dans les balises html est intrusif, que le mieux est de définir un id à la balise et de l'appeler via un fichier javascript externe,

[san1981]

Merci à tous pour votre aide très rapide, ça fonctionne très bien avec ce code:

Code :

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

1
2
3
 
function initAll(){document.getElementById('print').onclick = function(){printpage();}
}

Pour changer le curseur, j'ai finalement simplement défini ça en css:
[CODE]
#print{
cursor:pointer;
}

Merci

[SpaceFrog]

oui par exemple ou le rajouter dans la fonction init

Code :

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

1
2
3
 
function initAll(){document.getElementById('print').onclick = function(){printpage();}
document.getElementById('print').style.cursor="hand";}