Discussion :

[PadawanInPerl]

Bonjour à tous,

mon but est qu'au click sur un select, le chargement des options depuis une base de données se face automatiquement et de manière transparante.

ma structure :
2 controllers : Welcome et un ajax/Ajax_welcome (ajax étant un dossier dans controllers)
2 models : un "normal" et un ciblé ajax
vue : page principale : profil, template/header, template/footer (template étant un dossier dans views)

Le fonctionnement actuel :
par javascript, onMouseDown sur ma balise select -> déclenche l'appel au controller ajax via ajax : ajax_welcome/ajax_select -> le model ajax est appelé.
== via firebugs, dans le html, le résultat est juste et j'ai bien les toutes dernières valeurs sans recharger la page entière.

MAIS -> le contenu de mon select ne s'adapte pas avec les nouvelles données de la BDD.

voici mes codes :

Mon footer comprend (views/template/footer):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
//select
function chercheActivite(){
			$.ajax({
				url: "<?php echo base_url().'index.php/'; ?>ajax_welcome/ajax_select",
				type: 'POST',
				async : true,
				success: function() 
				{
					$('#message').html('En théorie cest bon');
				}
 
			});
			return false;
};

Mon controller spécial ajax comprend (controllers/ajax/Ajax_welcome):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
	public function ajax_select()
	{
		$this->load->model("m_tache"); // on charge le fichier model
		$data['listeselect'] = $this->m_tache->listeselect();
		// var_dump($data);		
		$this->load->view('profil',$data);
		echo 'RE1- en théorie cest bon';
	}

Mon model spécial ajax (models/M_tache) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	public function listeselect()
	{
		$this->db->order_by('tache','asc');
		$query = $this->db->get('listeactivite'); // récupère toute la table
		if ($query->num_rows() > 0) // si il y a un résultat
		{
			foreach($query->result() as $row) 
			{
				$data[] = $row ; // on place toute les entrées dans un tableau
			}
			return $data; // on retourne le tableau
		}
	}

Si vous savez comment me permettre de mettre à jour la balise select à son click ça serait génial.

Merci d'avance

[AasgardDev]

Bonjour,

J'incorporerai dans le footer une portion <script></script>

Dans ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script>
 
   $('#toniddeselect').on('click',function(){
        chercheActivite();
    });
 
</script>

Et dans ton cherche activité, tu essaies de faire en sorte de lister dans un echo PHP au préalable les différentes <option></option>.

Un petit tour de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$('#toniddeselect').html(data);

et le tour est joué

En espérant t'avoir aidé !

PS: je reste sur la conv' si jamais tu as besoin de plus d'informations.

[PadawanInPerl]

HEllo

merci pour ton aide !

suivant tes conseils :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<script>
function chercheActivite(){
	$.ajax({
		url: "<?php echo base_url().'index.php/'; ?>a_welcome/ajax_select",
		type: 'POST',
		async : true,
		success: function() 
		{
 
			<?php 				
				$sortie = '<select id="select" name="select">';
				if($listeselect != null)
				{
 
					foreach($listeselect as $op)
					{
						$sortie .= "<option value='$op->tache'>$op->tache</option>";
					}
				}
				$sortie .= '</select>';
			?>
			var data = '<?php echo $sortie; ?>' ;
			$('#select').html(data);
		}
 
	});
	return false;
};
	</script>
<script>
 
   $('#select').on('click',function(){
        chercheActivite();
    });
 
</script>

mais encore un souci avec Firebugs qui m'indique :
ReferenceError: chercheActivite is not defined
chercheActivite();

MErci pour ta dispo ;o)

[AasgardDev]

Re,

Je pense que le fait de mettre ton bloc jQuery (qui concerne l'actualisation du <select>) dans l'autre bloc script pourrait changer quelquechose ?

Autre chose, l’événement on 'change' est mieux je pense

[PadawanInPerl]

hello,

pour le moment click/change ne change pas grand chose.
dès le chargement de la page j'ai cette erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
SyntaxError: missing ; before statement
...ct" name="select"><option value='1'>1</option><option value='2'>2</option><optio...

mon code sans la séparation avec les balises script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<script>
//select
function chercheActivite(){
	$.ajax({
		url: "<?php echo base_url().'index.php/'; ?>a_welcome/ajax_select",
		type: 'POST',
		async : true,
		success: function() 
		{
 
			<?php 				
				$sortie = '<select id="select" name="select">';
				if($listeselect != null)
				{
 
					foreach($listeselect as $op)
					{
						$sortie .= "<option value='$op->tache'>$op->tache</option>";
					}
				}
				$sortie .= '</select>';
			?>
			var data = '<?php echo $sortie; ?>' ;
			$('#select').html(data);
		}
 
	});
	return false;
};
 // on click/change select
    $('#select').on('click',function(){
        chercheActivite();
    });
 
</script>

[AasgardDev]

C'est ajax_select qui doit générer les <option></option> et non ton AJAX.

Ce qui donne quelquechose comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script>
function chercheActivite(region){
	$.ajax({
		url: "<?php echo base_url().'index.php/'; ?>a_welcome/ajax_select?r=" + region,
		type: 'GET',
		success: function(data) {
			$('#selectVilles').html(data);
		}
	});
};
 
$('#select').on('change',function(){
    chercheActivite();
});
 
</script>

Dans cet esprit là : http://jsfiddle.net/v1zbm3vp/

Ce n'est que la base. Réessaie un coup, si jamais ca ne marche pas, repasse sur ce post.

[PadawanInPerl]

Hello,

Avec ce simple bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#select").hide().html(data).show();

Mon problème est résolu.

le fait de cacher et de réafficher la balise sélect , recharge son contenu. C'est quasi transparant


MERCI AasgardDev pour ton aide !!

[AasgardDev]

Mais de rien, le sujet est passé en Résolu, tout est OK

A la revoyure !