Discussion :

[chlock62]

Bonjour, sur un évenement onClick j'écute une fonction ajax

Code html :

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

<a href="#" onclick='mafonction().';>monclik</a>

Code :

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

1
2
3
4
5
6
7
8
9
10
$.ajax({
  url: '"monurl"',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#monId').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});
";

mais j'ai l'erreur suivante:

SyntaxError: invalid property id
	$.ajax({ 
                     ^
         ---------|

j'ai beau cherché mais je trouve aucune erreur d'identifiant

Une idée les amis

[Bovino]

Code :

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

url: '"monurl"',

C'est quoi cette syntaxe ?

Si on part du principe que les simples quotes délimitent la chaine du paramètre url, ça signifie que l'URL que tu essayes d'atteindre, c'est "monurl", ce qui n'est certainement pas une URL valide !

[chlock62]

plus précisément mon url est dans un tableau

Code :

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

1
2
 
url: '".$options['url']."',

resultat

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<a href="#" onclick=
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});

l'url est bien présente

[SpaceFrog]

a tout hasard

Code :

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

1
2
3
 
success: function(data){
    $('#AlertPanelEmail').html(data);

[chlock62]

Merci SpaceFrog mais j'ai déjà essayé, aucune différence

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<a href="#" onclick=
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});

La syntaxe n'est pas vraiment meilleure... loin de là !
C'est vraiment ce que tu as dans ton code ?

[chlock62]

Oui Bovino c'est l'ensemble de ma fonction Ajax, tout semble correct pourtant

[Bovino]

Non, ce n'est pas correct.
Il faut mettre le code jQuery à part entre balises <script> et non dans un attribut, ou sinon, entourer l'ensemble du code de doubles quotes, mais ça va rapidement devenir ingérable ton truc.

[chlock62]

Voila exactement mon script

Code :

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

1
2
 
<a href="#" onclick='.$onclick.';>CLICK</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
 
$onclick = '';
 
        $onclick .= "
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(data){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});
";
      $onclick .= 'return false;';

de plus si je rajoute en début de ma variable $onclick ceci:

Code :

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

$onclick .= "jQuery('#AlertPanelEmail').html('ok');";

mon div élement #AlertPanelEmail ce remplit bien avec ok, donc la fonction fonctionne

[Bovino]

de plus si je rajoute en début de ma variable

Essaye en l'ajoutant à la fin pour voir...

Sincèrement, ce que tu fais est vraiment pas propre et tu ne pourras jamais le maintenir !
Encore une fois, rien ne t'empêche en organisant correctement ton code de faire les choses dans les règles de l'art en séparant le JavaScript du HTML. Parce que tel que c'est actuellement, tu ne t'en sortiras jamais.
Fais un simple CTRL + U dans le navigateur et tu devrais comprendre ce qui se passe.

[SpaceFrog]

oulà j'avais même pas vu

le html

Code :

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

1
2
 
<a href="#"  id="mylink" > ....</a>

le js

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
 
<script type="text/javascript">
$("#mylink").on('click', function(){
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
})
})
 
</script>

[chlock62]

A la fin ca ne fonctionne pas car j'ai l'erreur:

Code :

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

SyntaxError: invalid property id

qui vient bloquer le déroulement

et pour le CTRL+U, j'ai ceci:

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
 
<a href="#" onclick=
$.ajax({
  url: '/sendCart/',
  cache: false,
  type: 'GET',
  success: function(data){
    $('#AlertPanelEmail').html(data);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});
return false;jQuery('#AlertPanelEmail').html(ddsd);;><img src="//media.materiel.net/images/gui/main/BskMail.gif" />
 
 
</div>
                         </div>
 
 </div>
        </div>

[chlock62]

Merci a tous pour vos nombreux conseil, je vais suivre la méthode de SpaceFrog et séparé le javascript du html comme la suggéré bovino.

merci les amis