while($file = readdir($dir)) {
 if($file != '.' && ($file[0]==$client) && $file != '..' && !is_dir($dirname.$file)){
?> <li><img src="<? echo $dirname.$file ?>" />
    <? 
    }
}
?>

oups, je ne suis pas revenue donner de nouvelles sur ce sujet... j'ai finalement abandonné yikes(
merci quand-même !

Bonjour Matrobin,

apparemment le message de jeff date un peu, il n'est pas revenu. je m'en suis rendue compte tout de suite.
je ne savais pas que cette astuce était déconseillée...

... j'ai l'impression que la participation à ce forum est un peu ralentie en ce moment, c'est dommage !

/***********************************************************/
/*                    tinyTips Plugin                      */
/*                      Version: 1.0                       */
/*                      Mike Merritt                       */
/*                 Updated: Feb 4th, 2010                  */
/***********************************************************/

(function($){  
    $.fn.tinyTips = function (supCont) {
        
        /* User settings
        **********************************/
        
        // Enter the markup for your tooltips here. The wrapping div must have a class of tinyTip and 
        // it must have a div with the class "content" somewhere inside of it.
        var tipFrame = '<div class="tinyTip"><div class="content"></div><div class="bottom">&nbsp;</div></div>';
        
        // Speed of the animations in milliseconds - 1000 = 1 second.
        var animSpeed = 300;
        
        /***************************************************************************************************/
        /* End of user settings - Do not edit below this line unless you are trying to edit functionality. */
        /***************************************************************************************************/
        
        // Global tinyTip variable;
        var tinyTip;
        var tText;
        
        // When we hover over the element that we want the tooltip applied to
        $(this).hover(function() {
        
            // Inject the markup for the tooltip into the page and
            // set the tooltip global to the current markup and then hide it.
            $('body').append(tipFrame);
            tinyTip = $('div.tinyTip');
            tinyTip.hide();
            
            // Grab the content for the tooltip from the title attribute (or the supplied content) and
            // inject it into the markup for the current tooltip. NOTE: title attribute is used unless
            // other content is supplied instead.
            if (supCont === 'title') {
                var tipCont = $(this).attr('title');
            } else if (supCont !== 'title') {
                var tipCont = supCont;
            }
            $('.tinyTip .content').html(tipCont);
            tText = $(this).attr('title');
            $(this).attr('title', '');
            
            // Offsets so that the tooltip is centered over the element it is being applied to but
            // raise it up above the element so it isn't covering it.
            var yOffset = tinyTip.height() + 10;
            var xOffset = (((tinyTip.width() - 1) / 2)) - ($(this).width() / 2);
            
            // Grab the coordinates for the element with the tooltip and make a new copy
            // so that we can keep the original un-touched.
            var pos = $(this).offset();
            var nPos = pos;
            
            // Add the offsets to the tooltip position
            nPos.top = pos.top - yOffset;
            nPos.left = pos.left - xOffset;
            
            // Make sure that the tooltip has absolute positioning and a high z-index, 
            // then place it at the correct spot and fade it in.
            tinyTip.css('position', 'absolute').css('z-index', '1000');
            tinyTip.css(nPos).fadeIn(animSpeed);
            
        }, function() {
            
            $(this).attr('title', tText);
        
            // Fade the tooltip out once the mouse moves away and then remove it from the DOM.
            $('div.tinyTip').fadeOut(animSpeed, function() {
                $(this).remove();
            });
            
        });
        
    }

})(jQuery);
// This initialises carousels on the container elements specified, in this case, carousel1.
    $("#carousel1").CloudCarousel(        
        {            
            xPos: 328,
            yPos: 32,
            buttonLeft: $("#left-but"),
            buttonRight: $("#right-but"),
            altBox: $("#alt-text"),
            titleBox: $("#title-text"),
            autoRotate: 'right',
            autoRotateDelay:1800,
            speed: 0.05,
            bringToFront: 'true'
            
        }

bonjour Jeff,

je rencontre moi aussi ce problème d'interférences jorsque je met 2 ou plus modules jquery dans mes pages.
jusqu'à présent j'ai réussi à m'en sortir.
je ne suis pas certaine que la liste que je te donne soit juste, il y a peut-être des choses inutiles ou non justifiées, mais en faisant comme ça ça fonctionne :

1- vérifies qu'il n'y a pas deux fonctions qui portent le même nom mais qui font des choses différentes pour l'un et l'autre de tes jquery,
2- regarde bien l'ordre d'appel de tes jquery : l'appel au jquery de base (1-7-2 ou 1-7-2.min) doit être au dessus de tous les autres (il sert pour les deux)
3- les appels aux scripts jquery doivent être tous faits avant de mettre des codes javascripts
4-les appels aux feuilles de styles sont faits avant, tout en haut de la page. et attention aussi aux doublons de styles !

tu peux y aller "à taton", en partant de deux pages contenant chacune un de tes modules jquery, et en créant une troisième page dans laquelle tu as l'un des jquery qui fonctionne auquel tu ajoutes petit à petit les élément du deuxième jquery.

ATTENTION 1 : vérifies à chaque ajout que le premier fonctionne toujours (sur firefox, ie, chrome bien sûr... sinon gare aux mauvaises surprises !)
ATTENTION 2 : parfois ça marche en local, et pas en ligne, donc même punition, tu teste pas à pas en ligne...
ATTENTION 3 : prends des calmants et met de la musique douce avant de commencer ;o)))

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.7.2.js"%3E%3C/script%3E'))</script>
        <script src="js/modernizr.js"></script>

Bonjour Mathrobin,

merci de ton aide,

je parle bien d'ie, ma version est la 9.0
que je lance en local (localhost ou 127.0.0.1) ou que je lance la page depuis mon serveur, c'est le même internet explorer qui affiche la page. pourtant l'affichage est correct en local et pas sur le serveur.

avec les autres navigateurs (firefox et chrome, que j'ai installé ce matin sur tes conseils) ça marche.

aurais-tu une autre idée (ou quelqu'un passant par ici) pour m'aider à résoudre ce problème ?

d'avance merci,

Fée

/* ie styles for when js disabled */
ul { padding:0; margin:0; background:url(../fallback/navRight.gif) no-repeat 100% 0; font:16px Tahoma, Sans-serif; }
ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
li { height:44px; position:relative; float:left; list-style-type:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }
li:first-child { background:url(../fallback/navLeftIE.gif) no-repeat 0 0; }
li:first-child a { border-left:none; }
li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }
li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }
li li { width:auto; clear:left; }
li li:first-child { background:none; }
li li:hover { background-image:none; }
ul li li a:hover { border-right:none; }
ul ul { padding-left:2px; position:relative; left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }
li li { height:auto; width:98%; left:-2px; }
ul ul a { left:3px; }
ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }
ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; }
ul ul li { background:none; }
ul ul li.last { margin-bottom:10px; }
ul ul li a { white-space:pre; border-left:0; }

merci Lochar,
entre temps j'ai trouvé ce qui n'allait pas, une balise mal fermée...

16

(6 réponses, dans Les plugins jQuery)

17

(6 réponses, dans Les plugins jQuery)

18

(6 réponses, dans Les plugins jQuery)

Merci Lochar,

j'ai remplacé 

#contentLeft li {

par

#contentLeft ul li {

... mais sans succès...

une autre idée peut-être ..?
d'avance merci,

Fée

Bonjour à tous et merci de votre aide,

j'ai un fichier qui fait le drag n drop d'une liste.
pour des raisons pratique j'aimerai faire une inclusion de ce fichier dans une autre page.
tout le système fonctionne bien, mais lorsqu'on prend un objet de la liste pour le placer ailleurs, habituellement on voit le "fantôme transparent" de l'objet qu'on transporte.
lorsque j'utilise la fonction include ce fantôme disparait.

avez-vous une idée de comment le voir à nouveau ?
est-ce au niveau des styles ou du code ?

si vous me guidez sur la cause possible je mettrai le code nécessaire (les styles, la requête, autre ?)

... et merci encore,

Petite fée

20

(6 réponses, dans Les plugins jQuery)

Bonjour à tous,
et merci de votre aide si vous le pouvez,

j'ai installé une liste drag n drop jquery, qui est actuellement verticale.
... mais je la voudrai horizontale...

je ne sais pas si c'est possible et où je dois mettre quoi.
dans les styles ?

#contentWrap {
    width: 320px;
    height: auto;
    overflow: hidden;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#contentTop {
    width: 320px;
    padding: 1px;
}

#contentLeft {

    width: 100px;
    padding:1px;
    
}

#contentLeft li {
float: left;
    float: left;
    list-style: none;
    padding: 1px;
    background-color:#eeeeee;
    border: #CCCCCC solid 1px;
    color:#fff;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1px;
    margin-left: 0;
}


#contentRight {
    float: left;
    width: 272px;
    padding:1px;
    background-color:#cccccc;
    color:#FFFFFF;
}

où dans le script ? :

<script type="text/javascript">
$(document).ready(function(){ 
                           
    $(function() {
        $("#contentLeft ul").sortable({ opacity: 0.6, cursor: 'move', update: function() {
            var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
            $.post("updateDB.php", order, function(theResponse){
                $("#contentRight").html(theResponse);
            });                                                              
        }                                  
        });
    });

});    
</script>

merci de votre aide, car sur google je n'ai rien trouvé...

21

(2 réponses, dans Bugtracker et suggestions)

Bjour Jarod,

je vois que le forum prend son envol !

j'ai voulu mettre un avatar (il y a écrit $.newbie(); sous mon pseudo)
j'ai donc tenté d'uploader une photo jpg avec un nom sans espaces ni caractères spéciaux ("petitefee.jpg" pour être plus précise) mesurant 60x60 pixels.

il me dit (pas tout à fait en ces termes mais bon) "nan ça marche pas, demande à jarod".

c'est chose faite ;o)

@ +
petite fée

j'ajoute une précision car je viens de rencontrer le problème :
lorsque ma liste avait moins de 10 enregistrements, tout allait bien.
et puis tout à coup, beu ? la liste se mettait en vrac.

le problème venait de mon champs "place".
il classait les éléments avec la requête "order by place asc" bien connue...
mais le résultat donnait en fait 1,2,21,3,4 etc.
mon champs était un varchar, donc considéré comme du texte. en le passant en "int" le problème a été résolu.

erreur de débutant encore...

@ +

Petite fée

23

(1 réponses, dans Les plugins jQuery)

<script type="text/javascript" src="js/jquery.ui.datepicker-fr.js"></script>

... et dire que j'y ai passé des heures....