Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > Prototype & Script.aculo.us
Prototype & Script.aculo.us Forum d'entraide sur les frameworks Prototype et Script.aculo.us
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 23/07/2007, 12h22   #1
Expert Confirmé
 
Avatar de grunk
 
Homme Olivier
Développeur Web
Inscription : août 2003
Messages : 1 837
Détails du profil
Informations personnelles :
Nom : Homme Olivier
Âge : 27
Localisation : France, Côte d'Or (Bourgogne)

Informations professionnelles :
Activité : Développeur Web
Secteur : Industrie

Informations forums :
Inscription : août 2003
Messages : 1 837
Points : 3 319
Points : 3 319
Par défaut [Prototype] Onglet en AJAX

Bonjour à tous,

Je réalise actuellement un système de vote a la facon de digg. Je souhaite trier mes différente news via des onglets.
L'onglet 1 me donne les news promues et le 2 les news en attente.

Sous Firefox , pas de soucis tout marche bien, pas d'erreur signaler par firebug. En revanche sous IE et opera ca ne marche pas

Mon entête de page :
Code :
1
2
3
4
5
6
7
8
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Test de vote</title>
<script type="text/javascript" src="../lib/extra/js/prototype.js"></script>
<script type="text/javascript" src="../lib/extra/js/scriptaculous/scriptaculous.js"></script>
<script type="text/javascript" src="vote.js"></script>
<script type="text/javascript" src="onglet.js"></script>
...
Mon appel à la fonction de gestion des onglet :
Code :
<a href="javascript:onglet('promue')" >ONGLET 1</a> &nbsp; <a href="javascript:onglet('attente')">ONGLET 2</a>
Et ma fonction de gestion des onglet (avec prototype) :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function onglet(onglet)
{
	url='onglet.php';
	param = 'onglet='+onglet;
	new Ajax.Updater(
	{success : 'zone-onglet', failure : 'erreur_vote'},
	url,
	{ parameters : param,
	  evalScripts : true , 
	  method : 'post',
	}
 
	);
}
Et pour finir l'erreur que me renvoi Opéra :
Citation:
JavaScript - http://olivier.local/Wid/vote/
Javascript URL thread: "javascript:onglet('attente')"
Error:

name: ReferenceError

message: Statement on line 1: Reference to undefined variable: onglet
Backtrace:
Line 1 of unknown script

onglet("attente");
Si quelqu'un à une idée d'où cela peut venir. De plus si vous connaissez un outil pour IE 6 et 7 pour debugger du JS je suis preneur

Merci d'avance
grunk est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/07/2007, 15h20   #2
Candidat au titre de Membre du Club
 
Inscription : juillet 2007
Messages : 14
Détails du profil
Informations forums :
Inscription : juillet 2007
Messages : 14
Points : 14
Points : 14
et si tu essaye comme ca ?

Code :
1
2
 
<a href="#" onClick='onglet("promue")'>ONGLET 1</a>
JasonV6 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/07/2007, 15h57   #3
Expert Confirmé
 
Avatar de grunk
 
Homme Olivier
Développeur Web
Inscription : août 2003
Messages : 1 837
Détails du profil
Informations personnelles :
Nom : Homme Olivier
Âge : 27
Localisation : France, Côte d'Or (Bourgogne)

Informations professionnelles :
Activité : Développeur Web
Secteur : Industrie

Informations forums :
Inscription : août 2003
Messages : 1 837
Points : 3 319
Points : 3 319
Merci de ta réponse , mais j'ai finalement trouvé ce qui ne va pas.

Appaerement dans la fonction Ajax.updater si on ne spécifie pas OnComplete Ie et opera ne sont pas content.
J'ai donc fait :
Code :
function onglet(onglet) {  url='onglet.php'; param = 'onglet='+onglet; new Ajax.Updater(  {success : 'zone-onglet', failure : 'erreur_vote'}, url, { parameters : param, evalScripts : true , method : 'post', onComplete: fonctionbidon() }   ); }
grunk est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 23h08.


 
 
 
 
Partenaires

Hébergement Web