11528 sujets

JavaScript, DOM et API Web HTML5

Faire disparaitre les sous-catégories dont la catégorie n'est pas act

Pages :
(reprise du message précédent)

Merlin59910 a écrit :
j'ai compris que tout s'appel catEfant mais c'est normal puisque ce sont des categorie enfant

Oui mais...

... Vu que tous tes select enfant sont dans ton form, ils sont TOUS pris en compte quand tu valides ton formulaire ! Donc un par un catEnfant prend la valeur sélectionnée de chaque select, et est écrasé à chaque fois, jusqu'au dernier, et donc catEnfant prend la value="vocabulaire".
je comprend mon dilemme

je peux faire


<form method="post">


   <p>Catégorie Parent: </p>
<select name="CatParent" id="CatParent">
	<option value="rachatCredit">Rachat de crédit </option>
	<option value="pretConso">Prêt à la consommation </option>
	<option value="pretImmo">Prêt immobilier </option>
	<option value="loi">Loi </option>
	<option value="defisc">La défiscalisation </option>
	<option value="gerer">Gérer son budget </option>
	<option value="assurances">Assurances </option>
	<option value="epargne">Epargne </option>
	<option value="simulation">Simulation </option>
	<option value="definition">Définition </option>
</select>

 <br/>
</form>
 <p>Catégorie Enfant:</P>
<form method="post">
			 <select name="CatEnfant" id="rachatCredit" class="ssCat">
				<option value="Rachatconso">Rachat de crédit consommation</option>
				<option value="Rachatimmo">Rachat de crédit immobilier</option>
			</select>
</form>
<form method="post">

			<select name="CatEnfant" id="pretConso" class="ssCat">
				<option value="Prêt personnel">Prêt personnel</option>
				<option value="Crédit travaux">Crédit travaux</option>
				<option value="Prêt auto">Prêt auto</option>
				<option value="Prêt moto">Prêt moto</option>
				<option value="Prêt loisirs">Prêt loisirs</option>
				<option value="Crédit renouvelable">Crédit renouvelable</option>
				<option value="Crédit entre particuliers">Crédit entre particuliers (plateforme) </option>
				<option value="Le surendettement en France">Le surendettement en France</option>
				<option value="La règlementation">La règlementation</option>
			</select>

</form>
Voilà une solution possible (solution expliquée au-dessus)

EDIT: je viens de voir ta solution, mais ça n'ira pas, il te faut qu'un seul formulaire si tu veux tout récupérer.

EDIT2: par contre, il est à noter que ce formulaire ne fonctionne si et seulement si javascript est activé !
Modifié par SolidSnake (26 Sep 2014 - 17:48)
re apres test

il ne remplis pas mon champs dans la BDD car il est pas dans le form


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link href="css/metro-bootstrap.css" rel="stylesheet"/>
    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet"/>
    <link href="css/iconFont.css" rel="stylesheet"/>
    <link href="css/docs.css" rel="stylesheet"/>
    <link href="js/prettify/prettify.css" rel="stylesheet"/>
	<link href="style.css" rel="stylesheet" />

    <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>

	       
 
       
      <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
	  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"/>
      <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	  
	  <script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
	  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
	  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

  
  <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>
    <!-- Metro UI CSS JavaScript plugins -->
    <script src="js/load-metro.js"></script>
    <!-- Local JavaScript 
    <script src="js/docs.js"></script>-->
    <script src="js/github.info.js"></script>
    <script src="js/start-screen.js"></script>
<script>
$(function(){
  $(window).load(function() {
    $( "#datepicker" ).datepicker()

    $('#'+$('#CatParent option:selected').val()).show()
	  
    $('#CatParent').change(function(){
      var ssCat = $(this).children('option:selected').val()

      $('.ssCat').hide()
        $('#'+ssCat).show()
      })
  })
})(jQuery)

(function($){  
  
  var $catParent = $('#CatParent');
  var showCatEnfant = function() {
    var ssCat = $catParent.children('option:selected').val()
    $('#CatEnfant .'+ssCat).clone().insertAfter($catParent)
  }
  
  $catParent.change(function(){
    $('form#truc .ssCat').remove()
    showCatEnfant()
  })
  showCatEnfant()

})(jQuery)
   </script>
	
	
    <title>Crédit-astuces : L'information crédit pour tous !</title>
</head>
<body class="metro">
<form id="truc" method="post">

<?php

include '/home/cpsifran/database_/cpsi-france.php';

include_once("fckeditor/fckeditor.php") ;

if( isset($_POST["maj"])){

$Titre=$_POST["Titre"];
$SSTitre=$_POST["SSTitre"];
$Articles=$_POST["FCKeditor1"];
$CatParent=$_POST["CatParent"];
$CatEnfant=$_POST["CatEnfant"];
$Date=date('Y-m-j');



$reponse = mysql_query("INSERT INTO CAstuces_Articles VALUES('', '$CatParent', '$CatEnfant', '$Titre', '$SSTitre', '$Articles', '$Date')");

if (!$reponse) {
die('Requête invalide : ' . mysql_error());
}

}

else {


?>

      <p>Titre:<br/>
    <input name="Titre" size="22" value="" type="text"/>
   </p>
         <p>Sous Titre:<br/>
    <input name="SSTitre" size="22" value="" type="text"/>
   </p>
  <p>Article :<br /><input type="hidden" name="maj" value="ok">
<?php

$oFCKeditor = new FCKeditor('FCKeditor1') ;

$oFCKeditor->BasePath = 'fckeditor/' ;

$oFCKeditor->Value = '' ;

$oFCKeditor->Create() ;

?>
  </p>
 
   <p>Catégorie Parent: </p>
<select name="CatParent" id="CatParent">
	<option value="rachatCredit">Rachat de crédit </option>
	<option value="pretConso">Prêt à la consommation </option>
	<option value="pretImmo">Prêt immobilier </option>
	<option value="loi">Loi </option>
	<option value="defisc">La défiscalisation </option>
	<option value="gerer">Gérer son budget </option>
	<option value="assurances">Assurances </option>
	<option value="epargne">Epargne </option>
	<option value="simulation">Simulation </option>
	<option value="definition">Définition </option>
</select>

 <br/>


   <p>Catégorie Enfant:</P>
   
    <input name="Valider" value="Valider" type="submit"/>
   <input name="Effacer" value="Effacer" type="reset"/>
 
</form>


   <div id="CatEnfant"> 
			 <select name="CatEnfant" id="rachatCredit" class="ssCat">
				<option value="Rachatconso">Rachat de crédit consommation</option>
				<option value="Rachatimmo">Rachat de crédit immobilier</option>
			</select>



			<select name="CatEnfant" id="pretConso" class="ssCat">
				<option value="Prêt personnel">Prêt personnel</option>
				<option value="Crédit travaux">Crédit travaux</option>
				<option value="Prêt auto">Prêt auto</option>
				<option value="Prêt moto">Prêt moto</option>
				<option value="Prêt loisirs">Prêt loisirs</option>
				<option value="Crédit renouvelable">Crédit renouvelable</option>
				<option value="Crédit entre particuliers">Crédit entre particuliers (plateforme) </option>
				<option value="Le surendettement en France">Le surendettement en France</option>
				<option value="La règlementation">La règlementation</option>
			</select>



			<select name="CatEnfant" id="pretImmo" class="ssCat">
				<option value="immoDéfinition">Définition</option>
				<option value="Caractéristiques">Caractéristiques.</option>
				<option value="PTZ">Prêt à taux 0</option>
				<option value="Frais de notaire">Frais de notaire</option>
				<option value="Taux">Taux</option>
				<option value="Garanties">Garanties</option>
				<option value="Frais">Frais</option>
				<option value="Assurances">Assurances</option>
			</select>

			<select name="CatEnfant" id="loi" class="ssCat">
				<option value="Loialaconsommation">Loi à la consommation</option>
				<option value="Loiimmobilier">Loi immobilier</option>
				<option value="General">Général</option>
			</select>

			<select name="CatEnfant" id="defisc" class="ssCat">
				<option value="Astuces pour défiscaliser">Astuces pour défiscaliser</option>
				<option value="Loidefisc">Loi</option>
			</select>

			<select name="CatEnfant" id="gerer" class="ssCat">
				<option value="Comparatif des banques avec leurs frais">Comparatif des banques avec leurs frais</option>
				<option value="Astuces pour faire des économies au quotidien">Astuces pour faire des économies au quotidien</option>
				<option value="Loyer">Loyer</option>
				<option value="Mandat Sep">Mandat Sepa</option>
				<option value="Changer de vie">Changer de vie</option>
				<option value="Biens de consommation">Biens de consommation </option>
				<option value="Passer sa retraite à l’étranger">Passer sa retraite à l’étranger</option>
				<option value="Finance d’une famille">Finance d’une famille</option>
				<option value="Modèle de lettre">Modèle de lettre</option>
			</select>

			<select name="CatEnfant" id="assurances" class="ssCat">
				<option value="Assurances emprunteur">Assurances emprunteur</option>
				<option value="Délégation d’assurances emprunteur">Délégation d’assurances emprunteur</option>
				<option value="Prévoyances">Prévoyances</option>
			</select>

			<select name="CatEnfant" id="epargne" class="ssCat">
				<option value="Assurance vie">Assurance vie</option>
				<option value="Compte épargne">Compte épargne</option>
			</select>

			<select name="CatEnfant" id="simulation" class="ssCat">
				<option value="simu Prêt immobilier">Prêt immobilier</option>
				<option value="simu Rachat de crédi">Rachat de crédit</option>
			</select>

			<select name="CatEnfant" id="definition" class="ssCat">
				<option value="Vocabulaire">Vocabulaire </option>
			</select>
</div>

<?php } ?>
</body>
</html>
Aïe aïe aïe, il va falloir grandement du ménage dans l'appel de tes scripts et CSS. Tu charges CINQ fois jQuery (dont 4 versions différentes), 2 fois jQuery-ui, 2 fois prettify...

A noter que l'on préfère charger les JS juste avant la fin du <body>. Ah l'on me dit dans l'oreillette que ça ne servirait pas à grand chose, en tout cas pas sur les navigateurs modernes, mais bon. On peut voir comme que le contenu sera charger avant les scripts comme cela.

Et enfin, tu noteras aussi que je n'utilise plus les classes sur les <select> enfant... Pourquoi ? Eh bien tout simplement que le script va dupliquer ces <select>, donc dupliquer les id (si l'on gardait l'ancienne forme) et ça, c'est pas bien !
ma rubrique CatEnfant ne s'affiche plus Smiley confus 


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link href="css/metro-bootstrap.css" rel="stylesheet"/>
    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet"/>
    <link href="css/iconFont.css" rel="stylesheet"/>
    <link href="css/docs.css" rel="stylesheet"/>
    <link href="js/prettify/prettify.css" rel="stylesheet"/>
	<link href="style.css" rel="stylesheet" />

      <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
	  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"/>
      <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	  
	  <script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<!--      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
	  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>		-->
	  
	  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
<!--	  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>		-->

  
  <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>
    <!-- Metro UI CSS JavaScript plugins -->
    <script src="js/load-metro.js"></script>
    <!-- Local JavaScript 
    <script src="js/docs.js"></script>-->
    <script src="js/github.info.js"></script>
    <script src="js/start-screen.js"></script>
<script>

(function($){  
  
  var $catParent = $('#CatParent');
  var showCatEnfant = function() {
    var ssCat = $catParent.children('option:selected').val()
    $('#CatEnfant .'+ssCat).clone().insertAfter($catParent)
  }
  
  $catParent.change(function(){
    $('form#truc .ssCat').remove()
    showCatEnfant()
  })
  showCatEnfant()

})(jQuery)
   </script>
	
	
    <title>Crédit-astuces : L'information crédit pour tous !</title>
</head>
<body class="metro">
<form id="truc" method="post">

<?php

include '/home/cpsifran/database_/cpsi-france.php';

include_once("fckeditor/fckeditor.php") ;

if( isset($_POST["maj"])){

$Titre=$_POST["Titre"];
$SSTitre=$_POST["SSTitre"];
$Articles=$_POST["FCKeditor1"];
$CatParent=$_POST["CatParent"];
$CatEnfant=$_POST["CatEnfant"];
$Date=date('Y-m-j');



$reponse = mysql_query("INSERT INTO CAstuces_Articles VALUES('', '$CatParent', '$CatEnfant', '$Titre', '$SSTitre', '$Articles', '$Date')");

if (!$reponse) {
die('Requête invalide : ' . mysql_error());
}

}

else {


?>

      <p>Titre:<br/>
    <input name="Titre" size="22" value="" type="text"/>
   </p>
         <p>Sous Titre:<br/>
    <input name="SSTitre" size="22" value="" type="text"/>
   </p>
  <p>Article :<br /><input type="hidden" name="maj" value="ok">
<?php

$oFCKeditor = new FCKeditor('FCKeditor1') ;

$oFCKeditor->BasePath = 'fckeditor/' ;

$oFCKeditor->Value = '' ;

$oFCKeditor->Create() ;

?>
  </p>
 
   <p>Catégorie Parent: </p>
<select name="CatParent" id="CatParent">
	<option value="rachatCredit">Rachat de crédit </option>
	<option value="pretConso">Prêt à la consommation </option>
	<option value="pretImmo">Prêt immobilier </option>
	<option value="loi">Loi </option>
	<option value="defisc">La défiscalisation </option>
	<option value="gerer">Gérer son budget </option>
	<option value="assurances">Assurances </option>
	<option value="epargne">Epargne </option>
	<option value="simulation">Simulation </option>
	<option value="definition">Définition </option>
</select>

 <br/>


   <p>Catégorie Enfant:</P>
   
    <input name="Valider" value="Valider" type="submit"/>
   <input name="Effacer" value="Effacer" type="reset"/>
 
</form>


   <div id="CatEnfant"> 
			 <select name="CatEnfant" class="ssCat">
				<option value="Rachatconso">Rachat de crédit consommation</option>
				<option value="Rachatimmo">Rachat de crédit immobilier</option>
			</select>



			<select name="CatEnfant" class="ssCat">
				<option value="Prêt personnel">Prêt personnel</option>
				<option value="Crédit travaux">Crédit travaux</option>
				<option value="Prêt auto">Prêt auto</option>
				<option value="Prêt moto">Prêt moto</option>
				<option value="Prêt loisirs">Prêt loisirs</option>
				<option value="Crédit renouvelable">Crédit renouvelable</option>
				<option value="Crédit entre particuliers">Crédit entre particuliers (plateforme) </option>
				<option value="Le surendettement en France">Le surendettement en France</option>
				<option value="La règlementation">La règlementation</option>
			</select>



			<select name="CatEnfant" class="ssCat">
				<option value="immoDéfinition">Définition</option>
				<option value="Caractéristiques">Caractéristiques.</option>
				<option value="PTZ">Prêt à taux 0</option>
				<option value="Frais de notaire">Frais de notaire</option>
				<option value="Taux">Taux</option>
				<option value="Garanties">Garanties</option>
				<option value="Frais">Frais</option>
				<option value="Assurances">Assurances</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Loialaconsommation">Loi à la consommation</option>
				<option value="Loiimmobilier">Loi immobilier</option>
				<option value="General">Général</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Astuces pour défiscaliser">Astuces pour défiscaliser</option>
				<option value="Loidefisc">Loi</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Comparatif des banques avec leurs frais">Comparatif des banques avec leurs frais</option>
				<option value="Astuces pour faire des économies au quotidien">Astuces pour faire des économies au quotidien</option>
				<option value="Loyer">Loyer</option>
				<option value="Mandat Sep">Mandat Sepa</option>
				<option value="Changer de vie">Changer de vie</option>
				<option value="Biens de consommation">Biens de consommation </option>
				<option value="Passer sa retraite à l’étranger">Passer sa retraite à l’étranger</option>
				<option value="Finance d’une famille">Finance d’une famille</option>
				<option value="Modèle de lettre">Modèle de lettre</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Assurances emprunteur">Assurances emprunteur</option>
				<option value="Délégation d’assurances emprunteur">Délégation d’assurances emprunteur</option>
				<option value="Prévoyances">Prévoyances</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Assurance vie">Assurance vie</option>
				<option value="Compte épargne">Compte épargne</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="simu Prêt immobilier">Prêt immobilier</option>
				<option value="simu Rachat de crédi">Rachat de crédit</option>
			</select>

			<select name="CatEnfant" class="ssCat">
				<option value="Vocabulaire">Vocabulaire </option>
			</select>
</div>

<?php } ?>
</body>
</html>
en plus j'ai fais comme tu ma dit Smiley lol

quand à :

  <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>


apres l'avoir recopier en bas j'ai oublié de le supprimé Smiley biggol
Est-ce que tu comprends le script ? Comment il fonctionne ? Je te conseille de lire les commentaires dans le script, et tu devrais normalement trouver ce qu'il manque dans ton code.

Il reste encore deux appels à jQuery par contre dans ton code (un de trop en somme). Pour une compatibilité avec les "vieux" IE, je te conseille la version 1 de jQuery.
Modifié par SolidSnake (26 Sep 2014 - 21:29)
Est-ce que tu comprends le script ?

Franchement non je comprend rien en gros c'est comme si tu écrivait en chinois on parle de JS un language que je ne connais et comprend pas du pas du tous Smiley bawling

SolidSnake a écrit :

Comment il fonctionne ?

il clone ma CatEnfant pour la faire réapparaitre en dessous de la si j'ai bien compris Smiley lol

SolidSnake a écrit :

Je te conseille de lire les commentaires dans le script, et tu devrais normalement trouver ce qu'il manque dans ton code.

Le faites de ne pas connaitre JS je ne sais pas quoi modifié ou rajouté pour que ca fonctionne j'ai fais des test mais rien marche Smiley biggol

Les commentaires sont : // et /* */ comme en php ? Smiley ravi

SolidSnake a écrit :

Il reste encore deux appels à jQuery par contre dans ton code (un de trop en somme). Pour une compatibilité avec les &quot;vieux&quot; IE, je te conseille la version 1 de jQuery.

J'ai laissé que jquery 1.5.1 c'est bon ?
Même pas.

Je te laissais juste chercher un peu. Bon je ne pense pas que ça ait porté ses fruits.

En jQuery, tu auras très certainement remarqué que tu récupères les éléments du DOM avec un sélecteur CSS... (enfin je l'espère)
Donc ce bout de code $('#CatEnfant .'+ssCat) dans le script, aura PAR EXEMPLE pour valeur dans ton code $('#CatEnfant .rachatCredit') pour ton premier select.
C'est donc une classe que l'on cherche sur tes select enfant (et plus des ID)

Pour jQuery, je conseillerais de mettre une version récente de la 1, c-a-d comme la 1.10.2 que tu avais mis au début (sinon la 1.11.1)
SolidSnake a écrit :

Donc ce bout de code $('#CatEnfant .'+ssCat) dans le script, aura PAR EXEMPLE pour valeur dans ton code $('#CatEnfant .rachatCredit') pour ton premier select.
C'est donc une classe que l'on cherche sur tes select enfant (et plus des ID)


j'ai remplacé mes class="ssCat" par mes valeur select class="rachatCredit" ect....
Mais je doit me planté car ca marche pas Smiley crash Smiley mur


SolidSnake a écrit :

Pour jQuery, je conseillerais de mettre une version récente de la 1, c-a-d comme la 1.10.2 que tu avais mis au début (sinon la 1.11.1)

J'ai mis la jQuery 1.11.1 Smiley biggol

au secours ! Smiley help
Smiley confused

Oui mais la class "ssCat" il faut la laisser (il faut bien mettre les deux comme dans le script) parce que le script l'utilise pour la suppression $('form .ssCat') et la 2ème classe sur le <select> enfant doit correspondre à la value sur le <select> parent (comme dans le script).
Enfin tout ça pour dire que si c'est comme dans l'exemple que je t'ai donné, ça doit fonctionner.
  <div id="CatEnfant"> 
   <p>Catégorie Enfant:</P>

 
			 <select name="CatEnfant" class="rachatCredit ssCat">
				<option value="Rachatconso">Rachat de crédit consommation</option>
				<option value="Rachatimmo">Rachat de crédit immobilier</option>
			</select>
Smiley deal

class="rachatCredit ssCat" et class="ssCat rachatCredit" et class="ssCat.rachatCredit" et class="rachatCredit.ssCat" ne marche pas Smiley nimp

tu a une idée Smiley rolleyes
Bonjour.

Tu as une erreur JS sur ta page.

Tu charges jQuery-UI (en 1.11.1) et ensuite jQuery (2.0.1), alors qu'il faut le charger avant.
SolidSnake a écrit :
Bonjour.

Tu as une erreur JS sur ta page.

Tu charges jQuery-UI (en 1.11.1) et ensuite jQuery (2.0.1), alors qu'il faut le charger avant.


Mais normalement je n'ai plus que un seul JQuery Smiley bataille 

<head>
    <meta charset="utf-8"/>
	
    <link href="css/metro-bootstrap.css" rel="stylesheet"/>
    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet"/>
    <link href="css/iconFont.css" rel="stylesheet"/>
    <link href="css/docs.css" rel="stylesheet"/>
    <link href="js/prettify/prettify.css" rel="stylesheet"/>
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"/>
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	
	<link href="style.css" rel="stylesheet" />
	
	
	  
  
      
	[code=javascript]<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>


<!-- Load JavaScript Libraries -->
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/jquery/jquery.mousewheel.js"></script>
<script src="js/prettify/prettify.js"></script>
<!-- Metro UI CSS JavaScript plugins -->
<script src="js/load-metro.js"></script>
<!-- Local JavaScript -->
<script src="js/docs.js"></script>
<script src="js/github.info.js"></script>
<script src="js/start-screen.js"></script>
<script type="text/javascript">

(function($){

var $CatParent = $('#CatParent');
var showCatEnfant = function() {
var ssCat = $CatParent.children('option:selected').val()
$('#CatEnfant .'+ssCat).clone().insertAfter($CatParent)
}

$catParent.change(function(){
$('form#champform .ssCat').remove()
showCatEnfant()
})
showCatEnfant()

})(jQuery)
</script>


<title>Crédit-astuces : L'information crédit pour tous !</title>
</head>[/code]
SolidSnake a écrit :
Mais tu charges TOUJOURS jquery-ui avant jquery !


Modification faites ! Smiley murf mais ca a rien fait de plus Smiley biggol

Merlin59910 a écrit :
Mais pour quoi charger jquery avant jquery-ui il y a une raison particulière?



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
	
    <link href="css/metro-bootstrap.css" rel="stylesheet"/>
    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet"/>
    <link href="css/iconFont.css" rel="stylesheet"/>
    <link href="css/docs.css" rel="stylesheet"/>
    <link href="js/prettify/prettify.css" rel="stylesheet"/>
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"/>
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	
	<link href="style.css" rel="stylesheet" />
	
    <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>
    <!-- Metro UI CSS JavaScript plugins -->
    <script src="js/load-metro.js"></script>
    <!-- Local JavaScript -->
    <script src="js/docs.js"></script>
    <script src="js/github.info.js"></script>
    <script src="js/start-screen.js"></script>
	<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script type="text/javascript">

(function($){  
  
  var $CatParent = $('#CatParent');
  var showCatEnfant = function() {
    var ssCat = $CatParent.children('option:selected').val()
    $('#CatEnfant .'+ssCat).clone().insertAfter($CatParent)
  }
  
  $catParent.change(function(){
    $('form#champform .ssCat').remove()
    showCatEnfant()
  })
  showCatEnfant()

})(jQuery)
   </script>
	
	
    <title>Crédit-astuces : L'information crédit pour tous !</title>
</head>

Modifié par Merlin59910 (03 Oct 2014 - 21:58)
Bonjour.

Petit message dixit le débugger sur ta page "Uncaught ReferenceError: $catParent is not defined" :
$catParent.change(function(){
    $('form#champform .ssCat').remove()
    showCatEnfant()
  })

Il manque une majuscule ! Smiley cligne
bonjour,

Avec la majuscule j'ai testé les class suivante c
lass="rachatCredit ssCat" et class="ssCat rachatCredit" et class="ssCat.rachatCredit" et class="rachatCredit.ssCat"
mais ca ne marche pas Smiley bawling
Pages :
Sujet clos
Aller à