css dynamique avec javascript

css dynamique avec javascript - HTML/CSS - Programmation

Marsh Posté le 16-09-2003 à 09:57:24    

:hello:  
j'ai une appli qui permet d'imprimer des étiquettes.
une 1ere popup permet d'afficher un menu d'impression et notamment de choisir la format des étiquettes via un <select>
 

Code :
  1. <form name="css_type">
  2. <b>Format étiquette</b><br>
  3. <select name="format">
  4. <option value="2x8">2x8</option>
  5. <option value="3x10">3x10</option>
  6. </select>
  7. </form>


 
puis dans cette fenetre et grace à un lien une nouvelle fenetre s'ouvre et s'imprime (les fameuses etiquettes)
 
donc la question : comment recuperer la valeur de mon select et appliquer une feuille de style ad hoc ?
 
comme ça, ça marche pô :

Code :
  1. <script language="javascript" type="text/javascript">
  2. function css_swap() {
  3. if ( window.opener.css_type.format.value = "2x8" )
  4. document.write (\'<link rel="stylesheet" type="text/css" href="css/etiquettes_2x8.css" media="print">\');
  5. document.write (\'<link rel="stylesheet" type="text/css" href="css/etiquettes_2x8.css" media="screen">\');
  6. } else {
  7. document.write (\'<link rel="stylesheet" type="text/css" href="css/etiquettes_3x10.css" media="print">\');
  8. document.write (\'<link rel="stylesheet" type="text/css" href="css/etiquettes_3x10.css" media="screen">\');
  9. }
  10. css_swap();
  11. </script>


 
et comme ça non plus  :sweat:  

Code :
  1. <script language="javascript" type="text/javascript">
  2. function css_swap() {
  3. if ( window.opener.css_type.format.value = "2x8" )
  4. document.className = "css/etiquettes_2x8.css";
  5. } else {
  6. document.className = "css/etiquettes_3x10.css";
  7. }
  8. css_swap();
  9. </script>


Message édité par Schimz le 16-09-2003 à 10:14:52
Reply

Marsh Posté le 16-09-2003 à 09:57:24   

Reply

Marsh Posté le 16-09-2003 à 13:54:36    

document.getElementById("Monelement" ).className="Ma nouvelle class"


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 16-09-2003 à 15:00:52    

dk
mais je me suis demerdé autrement (sans JS)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed