Css+javascript
Baronphi
-
18 févr. 2008 à 14:17
Baronphi -
Baronphi -
Bonjour à tous,
Je souhaite modifier la class d'une cellule input radio en fonction de son état.
Voilà les 2 morceaux de mon script
<link rel="stylesheet" media="print" type="text/css" title="Design" href="print.css" />
<SCRIPT language="JavaScript1.2">
<!--
function class()
{
class="nonimprime";
}
// -->
</SCRIPT>
........................................................................................................................................
<tr border="1">
<td><input type=radio name="responsabilite" value="1" onclick="class()"></td>
<Td><input type=radio name="responsabilite" value="2" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="3" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="4" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="5" onclick="class()"></td>
</tr>
<tr>
<td><input type=radio name="responsabilite" value="6" onclick="class()"></td>
<Td><input type=radio name="responsabilite" value="7" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="8" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="9" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="10" onclick="class()"></td>
</tr>
L'idée est de créer un css d'impression qui me permettrait d'imprimer que le bouton sélectionné et pas tous les ronds vides.
Merci pour votre aide.
Je souhaite modifier la class d'une cellule input radio en fonction de son état.
Voilà les 2 morceaux de mon script
<link rel="stylesheet" media="print" type="text/css" title="Design" href="print.css" />
<SCRIPT language="JavaScript1.2">
<!--
function class()
{
class="nonimprime";
}
// -->
</SCRIPT>
........................................................................................................................................
<tr border="1">
<td><input type=radio name="responsabilite" value="1" onclick="class()"></td>
<Td><input type=radio name="responsabilite" value="2" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="3" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="4" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="5" onclick="class()"></td>
</tr>
<tr>
<td><input type=radio name="responsabilite" value="6" onclick="class()"></td>
<Td><input type=radio name="responsabilite" value="7" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="8" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="9" onclick="class()"></td>
<td><input type=radio name="responsabilite" value="10" onclick="class()"></td>
</tr>
L'idée est de créer un css d'impression qui me permettrait d'imprimer que le bouton sélectionné et pas tous les ronds vides.
Merci pour votre aide.
A voir également:
- Css+javascript
- Telecharger javascript - Télécharger - Langages
- Enlever le soulignement d'un lien css - Astuces et Solutions
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
6 réponses
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
18 févr. 2008 à 17:45
18 févr. 2008 à 17:45
Salut,
essayes ça, je n'ai pas testé:
essayes ça, je n'ai pas testé:
<SCRIPT language="JavaScript1.2">
<!--
function class(id_element){
var obj=document.getElementById(id_element);
obj.class="nonimprime";
}
// -->
</SCRIPT>
.......................................................................................... ..............................................
<tr border="1">
<td><input type="radio" name="responsabilite" id="responsabilite1" value="1" onclick="class('responsabilite1')"></td>
<td><input type="radio" name="responsabilite" id="responsabilite2" value="2" onclick="class('responsabilite2')"></td>
etc...
Merci Alain_42 pour ta prompt réponse
Malheureusement cela ne marche pas. J'avoue mon incompétence en JS. J'ai beaucoup de mal à comprendre la logique objet.
Le script ne produit aucun effet sur ma page d'impression.
Si tu as une autre idée.
Merci
Malheureusement cela ne marche pas. J'avoue mon incompétence en JS. J'ai beaucoup de mal à comprendre la logique objet.
Le script ne produit aucun effet sur ma page d'impression.
Si tu as une autre idée.
Merci
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
19 févr. 2008 à 11:25
19 févr. 2008 à 11:25
Oui mais est ce que ça vient de la fonction JS ou de ton CSS qui modifie l'impression.
Par quelle methode CSS joues tu sur l'impression ?
Pour vérifier ton CSS modifies certains <input avec une classe voulue et vois si ça joue sur l'impression.
Par quelle methode CSS joues tu sur l'impression ?
Pour vérifier ton CSS modifies certains <input avec une classe voulue et vois si ça joue sur l'impression.
Il s'agit d'un fichier séparé. J'ai déjà des cases de mon tableau qui ont pour class nonimprime et cela fonctionne très bien.
J'ai vérifié et si j'applique d'office la class sur la case 2 cela focntionne.
Je pense donc que le problème vient bien du JS.
Mon script CSS:
.nonimprime
{
display: none;
}
Merci
J'ai vérifié et si j'applique d'office la class sur la case 2 cela focntionne.
Je pense donc que le problème vient bien du JS.
Mon script CSS:
.nonimprime
{
display: none;
}
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
19 févr. 2008 à 12:42
19 févr. 2008 à 12:42
En JS, c'est className et non class, ce qui donne obj.className="nonimprime".
