Css+javascript
Baronphi
-
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
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
6 réponses
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
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