Problème Script jquery qui permet de modifier l'apparence d'un select

mikaweb2011
WRInaute discret
WRInaute discret
 
Messages: 69
Inscription: 21 Jan 2011

Problème Script jquery qui permet de modifier l'apparence d'un select

Message le Dim Fév 20, 2011 20:56

Bonjour,

j'ai trouvé sur le net un code jquery qui permet de modifier le style d'un select.
Bon le script est fonctionnel .

voila le lien vers la page résultat:
http://www.unitead.fr/veloparis/testsel.php

Je veux afficher un deuxième select après la sélection d'un choix dans le select n°1

mais le select que s'affiche garde l même ancien apparence.

Pouvez vous svp m'aider à résoudre ce problème?*

voila le code:
Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link href="style/jqtransform/jqtransformplugin/jqtransform.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script language="JavaScript" src="style/jqtransform/jqtransformplugin/jquery.jqtransform.js" type="text/javascript"></script>
<script language="javascript">
      $(function(){
         $('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
      });
function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option></select>";
}
   </script>

</head>

<body>
<form>
<div class="rowElem"> <select   onchange="aff()">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>
</div>

<div id="bl1"></div>


</form>
</body>
</html>

Cdt.


spout
WRInaute accro
WRInaute accro
 
Messages: 4382
Inscription: 14 Mai 2003

Re: Problème Script jquery qui permet de modifier l'apparence d'un select

Message le Dim Fév 20, 2011 21:35

Tu as essayé de rajouter dans ta fonction aff():

Code: Tout sélectionner
function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option>
</select>";

$('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
}


mikaweb2011
WRInaute discret
WRInaute discret
 
Messages: 69
Inscription: 21 Jan 2011

Re: Problème Script jquery qui permet de modifier l'apparence d'un select

Message le Lun Fév 21, 2011 13:22

spout a écrit:Tu as essayé de rajouter dans ta fonction aff():

Code: Tout sélectionner
function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option>
</select>";

$('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
}



Bonjour,
merci pour votre réponse.
Oui j'ai essayé d'ajouter ce code dans la fonction aff() , mais toujours le style de nouveau select ne change plus.

Cdt.

mikaweb2011
WRInaute discret
WRInaute discret
 
Messages: 69
Inscription: 21 Jan 2011

Re: Problème Script jquery qui permet de modifier l'apparence d'un select

Message le Lun Fév 21, 2011 13:38

Y'a til des autres techniques ou script pour change le style d'un select.

Cdt.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité