erreur à l'intérieur de JQuery sujet

Bonjour,
je travaille sur quelques tps avec jquery afin d'apprendre à l'utiliser. J'ai écris un script très simple avant hier soir qui fonctionnais parfaitement bien. Mais depuis hier, lorsque je relance le script, j'ai l'erreur suivante dans la console qui empêche le tout de fonctionner:

Code:

---

1 2 3 4

SyntaxError: missing ) after formal parameters isNumeric: function( o

---

La source de l'erreur est localisée à l'intérieur du fichier jquery-1.10.1.js . J'ai déjà essayé de changer de fichier, d'utiliser des versions différentes et même de réinstaller wamp mais rien n'y fait. Je ne sais pas si quelqu'un a déjà rencontré se problème ou si vous savez se qui pourrait en être la cause. Je vous remercie de vos contributions et je continue de chercher moi même.

Image GD et jquery sujet

Bonjour,

Je développe actuellement en PHP une page sur laquelle l'utilisateur customize ce qui doit devenir une image.

Je m'explique, en CSS, je dessine un cercle (une div avec contour, avec border-radius de 50%, ce qui créé un cercle).
L'utilisateur saisi un texte, et ce texte vient se loger en incurvé à l'intérieur du cercle (j'utilise Jquery pour incurvé le texte).

J'essaye ensuite de transformer le cercle avec le texte incurvé dedans en image en utilisant image GD, mais celui-ci n'arrive pas à interpréter la partie Jquery, et je n'ai donc pas mon texte incurvé dans l'image.

Avez-vous une idée ?

Sélectionner plusieurs dates par défaut - jquery sujet

Bonjour, voilà quelques heures que je navigue un peu partout sur le web afin de trouver une solution ... en vain .

J'explique donc, je suis encore novice en jquery je m'y met peu à peu ...
J'utilise datepicker en brut pour le moment, je créé un site communautaire avec dedans, un agenda d'événements .

Je vais récupérer des dates dans une table "evenements" en php qui, vous le comprendrez, contiendront dans chaque entrée une date ...

Pour chaque date récupérées, je voudrais que dans mon calendrier datepicker, les jours trouvés dans la table "evenements" soient affichés d'une couleur différente que les jours par défaut ...

Donc, je récupère en php les dates, puis je veux les afficher d'une couleur différente sur l'agenda pour dire aux gens "ce jour, quelque chose est prévu !" en gros ...

J'espère avoir été clair dans ma demande, sinon posez moi des question .

Merci beaucoup par avance à vous ! Et aussi pour mon stock de dolipranes :p

Plugin JQuery Annotator sujet

Bonjour à tous !
Dans le cadre d'un projet universitaire je suis mené à utiliser JQuery.
Nous devons utilisé Annotator (http://annotatorjs.org/) qui permet d'annoter une partit de texte. (On surligne une phrase et on peut la commenté)
J'aimerais ajouter dans Annotator une combobox, pour que lorsque l'utilisateur surligne une partit d'un texte il puisse y attribué une valeur de la combobox. Et cela est à codé en JQuery.
J'ai trouvé ceci sur internet ( https://github.com/uq-eresearch/anno...vations.coffee )
Mais je ne comprend pas tout ce qui est fait.
Pourriez vous m'aider ?

Cordialement.

Slider avec miniatures (JS / JQuery) sujet

Bonjour,

n'étant pas trop habitué à utiliser JQuery, je patauge un peu... :aie:
Je recherche un Slider (pour photos) que je pourrai intégrer à mon site web.

Les quelques uns que j'ai trouvé ont un code JS hyper-compacté (une sorte de protection j'imagine) et je n'arrive pas à les modifier...

Voilà ce que je recherche plus précisement :
- Le slider adapte sa taille (jusqu'à un maximum) à la taille de l'image.
- Un petit bandeau où il y a les miniatures des photos précédentes et/ou suivantes (cliquer sur l'une l'affiche en grand dans le slider)
- pouvoir générer le contenu du slider (des balises img ou a) avec un peu de code php =)

Voilà !

Ca me parait assez bateau mais dur dur de trouver ça...

Merci pour votre aide

Vincent

jquery UI et son slider sujet

Bonjour à tous,
J'espère d'abord être au bon endroit.
Mon soucis c'est de rendre possible l'envoie de la valeur d'un slider à la suite d'une page php

Code:

---

$("#select03").change(function () {
                                valeur031 = $('#select03').val();
                                if(valeur031 == "a"){
                                        $("#on03").removeClass("masquer").addClass("afficher");
                                        $("#slider03").removeClass("afficher").addClass("masquer");
                                }else if(valeur031 == "b"){
                                        $("#on03").removeClass("afficher").addClass("masquer");
                                        $("#slider03").removeClass("masquer").addClass("afficher");
                                }else if(valeur031 == "c"){
                                        $("#on03").removeClass("afficher").addClass("masquer");
                                        $("#slider03").removeClass("masquer").addClass("afficher");
                                }
        });
        $("#on03").click(function () {
                                valeur032 = $('#on03').val();
                                if(valeur032 == "On"){
                                        $( "#on03" ).val( "Off");
                                        $('#s-03-on' ).load('Envoi/Envoi-03-0.php');
                                }else{
                                        $( "#on03" ).val( "On");
                                        $('#s-03-off').load('Envoi/Envoi-03-1.php');                               
                                }
        });
        $( "#slider03" ).slider({
                        value:100,
                        min: 0,
                        max: 255,
                        step: 10,
                        slide: function( event, ui ) {
                                $( "#amount03" ).val( ui.value );
                        ----->        $("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur=010');
 
 
                        }
                });
                $( "#amount03" ).val( $( "#slider" ).slider( "value" ) );

---

Actuellement lorsque je bouge le slider la valeur 010 est bien envoyé avec la page.
Comment récupérer la valeur du slider ?
Merci d'avance

Listes liées avec JQuery Chained sujet

Bonjour,

Je me frotte à un problème de listes liées.

Aucun problème au niveau de l'affichage de select2 en fonction de select1, mais j'aimerais, qu'au chargement de la page, select2 affiche par défaut la totalité des options disponibles.

Voici le code (les options sont normalement extraites d'une base de données) :

Code:

---

<!doctype html>
<html>
<head>
    <title>Liste Liées</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery.chained.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#metier").chained("#domaine_activite");
    });
    </script>
</head>
<body>
    <div class="recherche_emploi_1">
        <label for="domaine_activite">Votre domaine d'activité</label><br />
        <select name="domaine_activite" id="domaine_activite">
            <option value="">Tous les domaines d'activité</option>
            <option value="A">A : Agriculture et pêche, espaces naturels et espaces verts, soins aux animaux</option>
            <option value="B">B : Arts et façonnage d'ouvrages d'art</option>
            <option value="C">C : Banque, assurance, immobilier</option>
            <option value="D">D : Commerce, vente et grande distribution</option>
            <option value="E">E : Communication, média et multimédia</option>
            <option value="F">F : Construction, bâtiment et travaux publics</option>
            <option value="G">G : Hôtellerie- restauration tourisme loisirs et animation</option>
            <option value="H">H : Industrie</option>
            <option value="I">I : Installation et maintenance</option>
            <option value="J">J : Santé</option>
            <option value="K">K : Services à la personne et à la collectivité</option>
            <option value="L">L : Spectacle </option>
            <option value="M">M : Support à l'entreprise</option>
        </select>
    </div>
    <div class="recherche_emploi_2">
            <label for="metier">Votre métier</label><br />
            <select name="metier" id="metier">
                <option value="">Tous les métiers</option>
                <option value="A11" class="A">A11 : Engins agricoles et forestiers</option>
                <option value="A12" class="A">A12 : Espaces naturels et espaces verts</option>
                <option value="B11" class="B">B11 : Arts plastiques</option>
                <option value="B12" class="B">B12 : Céramique</option>
                <option value="C11" class="C">C11 : Assurance</option>
                <option value="C12" class="C">C12 : Banque</option>
                <option value="D11" class="D">D11 : Commerce alimentaire et métiers de bouche</option>
                <option value="D12" class="D">D12 : Commerce non alimentaire et de prestations de confort</option>
                <option value="E11" class="E">E11 : Edition et communication</option>
                <option value="E12" class="E">E12 : Images et sons</option>
                <option value="F11" class="F">F11 : Conception et études</option>
                <option value="F12" class="F">F12 : Conduite et encadrement de chantier - travaux</option>
                <option value="G11" class="G">G11 : Accueil et promotion touristique</option>
                <option value="G12" class="G">G12 : Animation d'activités de loisirs</option>
                <option value="H11" class="H">H11 : Affaires et support technique client</option>
                <option value="H12" class="H">H12 : Conception, recherche, études et développement</option>
                <option value="I11" class="I">I11 : Encadrement</option>
                <option value="I12" class="I">I12 : Entretien technique</option>
                <option value="J11" class="J">J11 : Praticiens médicaux</option>
                <option value="J12" class="J">J12 : Praticiens médico-techniques</option>
                <option value="K11" class="K">K11 : Accompagnement de la personne</option>
                <option value="K12" class="K">K12 : Action sociale, socio-éducative et socio-culturelle</option>
                <option value="L11" class="L">L11 : Animation de spectacles</option>
                <option value="L12" class="L">L12 : Artistes - interprètes du spectacle</option>
                <option value="M11" class="M">M11 : Achats</option>
                <option value="M12" class="M">M12 : Comptabilité et gestion</option>
                <option value="N11" class="N">N11 : Magasinage, manutention des charges et déménagement</option>
                <option value="N12" class="N">N12 : Organisation de la circulation des marchandises</option>
            </select>
    </div>
</body>
</html>

---

Je peux sans soucis changer de librairie JS ou migrer vers de l'ajax, si cela n'est pas possible avec Chained. J'aimerai surtout savoir quelle technique me permettra d'afficher le select2 non vide au chargement de la page.

Merci par avance

Plug In jQuery sujet

Bonjour à tous,

Donc voilà, pour me faire la main je m'entraine à develloper un plug in jquery (censé dessiner un graphique dans un canvas). Mais lorsque j'apelle la méthode de mon plug in avec un sélecteur qui fait référence à plusieurs éléments, il y as des confusions entre les variables de deux canvas identiques, j'ai uploadé un exemple ici avec 2*2 canvas identiques, pour voir les bug, pratiquez le drag and drop sur chaque graphique.

Lien: http://habbologie.com/plug/

Code jQuery:

Code:

---

(function($){
   
    var ID = 0;
   
    $.fn.jGraph=function(options){
        var test=0;
        // Defaults
        var defaults = {
            'width': 600,
            'height': 250,
            'abscissa': [-100, 100],
            'ordered': [-50, +50]
        };
       
        var params = $.extend(defaults, options);
       
        return this.each(function(){
 
            $(this).attr('id', 'j$(this)'+(++ID));
            this.stepX, this.stepY;
            this.click = false;
            this.abscissa = params.abscissa;
            this.ordered = params.ordered;
            var ctx = this.getContext('2d');
            this.width = params.width;
            this.height = params.height;
            // css canvas
            $(this).css({
                'border': '1px solid black',
            });
           
            // Get mouse's coords
            this.mouseCoords = function(e){
                var x = e.clientX - this.offsetLeft;
                var y = e.clientY - this.offsetTop;
                console.log(x+' '+y);
                return [x, y];
            }
           
            this.drawLines = function(){
                console.log('ok');
                // Step for the points
                this.pointsX = this.abscissa[1]-this.abscissa[0];
                this.pointsY = this.ordered[1]-this.ordered[0];
                this.stepX = Math.round(params.width/this.pointsX);
                this.stepY = params.height/this.pointsY;
               
                // Ordered
                ctx.strokeStyle='#383838';
                ctx.lineWidth='1px';
                ctx.beginPath();
                ctx.moveTo(-(this.abscissa[0])*this.stepX, params.height);
                ctx.lineTo(-(this.abscissa[0])*this.stepX, 0);
                ctx.stroke();
               
                // Ordered
                ctx.strokeStyle='#383838';
                ctx.lineWidth='1px';
                ctx.beginPath();
                ctx.moveTo(0, this.ordered[1]*this.stepY);
                ctx.lineTo(params.width, this.ordered[1]*this.stepY);
                ctx.stroke();
               
                // Abcissa's points
     
                for(i=-this.pointsX/10; i>=this.abscissa[0]-this.pointsX/10; i-= this.pointsX/10){
                    ctx.strokeStyle='#383838';
                    ctx.lineWidth='1px';
                    ctx.beginPath();
                    ctx.moveTo(Math.abs(this.abscissa[0]*this.stepX)+(i*this.stepX), this.ordered[1]*this.stepY+3);
                    ctx.lineTo(Math.abs(this.abscissa[0]*this.stepX)+(i*this.stepX), this.ordered[1]*this.stepY-3);
                    ctx.fillText(Math.round(i), Math.abs(this.abscissa[0]*this.stepX)+(i*this.stepX)-5, this.ordered[1]*this.stepY-4);
                    ctx.stroke();
                }
               
            }
           
            this.draw = function(){
                ctx.clearRect(0,0,params.width, params.height)
                this.drawLines();
            }
           
            // Move $(this)
           
            $(this).mousedown(function(e){
                this.click = true;
                clickCoords = this.mouseCoords(e);
            });
            $(this).mouseup(function(){
                this.click = false;
            });
            $(this).mousemove(function(e){
                if(this.click){
                    moveCoords = this.mouseCoords(e);
                    this.x = moveCoords[0]-clickCoords[0];
                    this.y = moveCoords[1]-clickCoords[1];
                    this.abscissa[0] -= this.x/this.stepX;
                    this.abscissa[1] -= this.x/this.stepX;
                    this.ordered[0] += this.y/this.stepY;
                    this.ordered[1] += this.y/this.stepY;
                    clickCoords = moveCoords;
                    console.log(this.x+' '+this.y);
                    this.draw();
                }
            });
           
            this.draw();
        });
    };
})(jQuery);

---

Merci d'avance !

Jquery dans une page PHP appelée par CRON sujet

Bonjour,

Je n'utilise les tâches CRON que de façon trés basique, c'est à dire essentiellement pour lancer une page PHP qui va exécuter diverses fonctions.
Sur une telle page, est-il possible d'utiliser jQuery par exemple, avec appel Ajax ?

Merci d'avance