IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] Calendrier et ajax


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    97
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 97
    Par défaut [AJAX] Calendrier et ajax
    Bonjour,
    je cherche a ajouter un calendrier sur mon tableau généré en ajax qui liste un grand nombre de ligne.
    j'en ai essayé plusieurs, mais aucun ne marche.
    voila des bouts de code:
    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
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    mon index.php
    <script type="text/javascript" src="zpcal/src/zapatec.js"></script>
    <!-- Custom includes -->	
    <!-- import the calendar script -->
    <script type="text/javascript" src="zpcal/src/calendar.js"></script>
    <!-- import the language module -->
    <script type="text/javascript" src="zpcal/lang/calendar-en.js"></script>
    <!-- other languages might be available in the lang directory; please check
    your distribution archive. -->
    <!-- Theme css -->
    <link href="zpcal/themes/aqua.css" rel="stylesheet" type="text/css">
     
    </head>
    <body onload="pagin(1,'<?php echo $order; ?>',<?php echo $tri; ?>,'<?php echo $Category; ?>','<?php echo $status; ?>','<?php echo $pas; ?>','<?php echo $lang; ?>','<?php echo $uid; ?>','<?php echo $Alevel; ?>');">
    <div id="load"><img src="images/global/loading.gif" /></div><div id="ajaxpaged"></div>
    </body>
     
    la fonction pagin:
    function pagin(page,order,tri,Category,status,pas,lang,uid,Alevel){
    	//$('load').show();
    	new Ajax.Updater({ success: 'ajaxpaged'},'modules/actionplan/ajax/pagination.php?page='+page+'&order='+order+'&tri='+tri+'&Category='+Category+'&status='+status+'&pas='+pas+'&lang='+lang+'&uid='+uid+'&Alevel='+Alevel,
    	{
    		method: 'get',
    		onComplete: function(){
    			$('load').hide();
    		}
    	});
    }
     
     
    et dans pagination.php:
     
    $content.='
    <input type="text" name="date1" id="sel1" size="30" >
    <input type="reset" value=" ... " id=\'button1\'>
     
    		<script type="text/javascript">
    		var cal = new Zapatec.Calendar.setup({
     
    		inputField:"sel1",
    		ifFormat:"%Y-%m-%d [%W] ",
    		button:"button1",
    		showsTime:false
     
    		});
     
    	</script>';
    Ce qui est bizarre c'est que si je mets le $content dans mon index ca marche parfaitement, et des que je passe mes calendrier dans pagination.php ca marche plus... : evilred:
    Ca fait plus de 4h que je suis dessus, et je comprens pas le prob...
    Si quelqu'un peut m'apporter un peu de lumiere!!
    Merci
    A+
    VooDoo

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour;
    Dans pagination.php ??? as tu mis
    <script type="text/javascript" src="zpcal/src/zapatec.js"></script>
    <!-- Custom includes -->
    <!-- import the calendar script -->
    <script type="text/javascript" src="zpcal/src/calendar.js"></script>
    <!-- import the language module -->
    <script type="text/javascript" src="zpcal/lang/calendar-en.js"></script>
    <!-- other languages might be available in the lang directory; please check
    your distribution archive. -->
    <!-- Theme css -->
    <link href="zpcal/themes/aqua.css" rel="stylesheet" type="text/css">

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    97
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 97
    Par défaut
    oui j'ai essayé aussi helas....

    On dirait que les calendrier ajax on du mal a passé dans un div ajax...

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Lorsque qu'on appelle un autre fichier dans un div, les javascripts de ce fichier sont ignorée mais on ne prend en compte que du contenue HTML pour son affichage
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('DivId').innerHTML = xmlhttp.responseText;
    C'est la que se pose ton problème.
    Quand le div est chargé, on doit faire appel à javascript pour afficher le calendrier!

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    97
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 97
    Par défaut
    donc y'a pas de solution alors???
    ou alors j'ai pas compris ou je dois mettre ca:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('DivId').innerHTML = xmlhttp.responseText;

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    new Ajax.Updater({ success: 'ajaxpaged'},'modules/actionplan/ajax/pagination.php?page='+page+'&order='+order+'&tri='+tri+'&Category='+Category+'&status='+status+'&pas='+pas+'&lang='+lang+'&uid='+uid+'&Alevel='+Alevel,
    	{
    		method: 'get',
    		onComplete: function(){
    			$('load').hide();
    		}
    	});
    Ca c'est Prototype non ? Mais elle est chargée où ?
    Ensuite, ce n'est pas la bonne syntaxe...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Ajax.Updater('conteneur', 'url', options)
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    97
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 97
    Par défaut
    elle est chargée dans le index.php
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <script src="modules/Actionplan/javascript/prototype.js" type="text/javascript"></script>				
    <script type="text/javascript" src="modules/Actionplan/javascript/pagination.js"></script>
    pour la syntaxe, y'a bien conteneur,url,options ?
    ca marche nickel ca..

Discussions similaires

  1. [AJAX] Calendrier cours AJAX
    Par sodaw dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 29/08/2008, 16h08
  2. [AJAX] Calendrier annuel dynamique en ajax / php
    Par [root@127.0.0.1]~# dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/04/2008, 14h59
  3. Calendrier toolkit ajax et gridview
    Par kazoumoulox dans le forum ASP.NET
    Réponses: 1
    Dernier message: 29/05/2007, 20h44
  4. [Dates] Calendrier en ajax
    Par sami_c dans le forum Langage
    Réponses: 5
    Dernier message: 11/10/2006, 18h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo