blabla@web

Recherche :

Mot : Pseudo : Filtrer Aller à la page :
Page : 1 2 3 4 5 .. 394 395 396 .. 1454 1455 1456 1457 1458 1459 Page Suivante Page Précédente Bas de page
Auteur	Sujet : blabla@web

theredled

● REC

Reprise du message précédent :

masklinn a écrit :

Le chargement du dom ça prend pas 3s, le truc c'est de faire tes modifs au domready et pas à l'onload

Ben même, des fois ça bloque, sûrement pas 3sec mais trop long pour moi en tout cas
Cela dit là je cherche un exemple et ça marche

Message édité par theredled le 14-11-2007 à 14:09:11

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Publicité

anapajari

s/travail/glanding on hfr/gs;

Yo les experts mootools j'ai une question
(vu que vous arretiez pas d'en parler, j'ai décidé le tester sur un petit truc que j'ai à faire),

J'ai des sliders (fils) dans un slider(père), ils fonctionnent tous parfaitement.
Problème, quand je slide le père la taille du div containeur est calculé en fonction des elements visibles dans celui.
Du coup quand je slide un des fils, ça décale le reste du contenu et j'ai du conteni qui "sort" de la zone affichée.

Y'a un truc prévu pour éviter ça dans mootools?

Shinuza

This is unexecpected

Faut que tu hide les fils au domready.

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

anapajari

s/travail/glanding on hfr/gs;

... c'est déjà fait ça ... je pense que tu n'as pas compris le problème
Donc voila le code js:

Code :

Window.onDomReady(
function (){
var trees = $$('.tree');
for(var i = 0; i<trees.length; i++){
new Tree(trees[i]);
}
}
);
function Tree( ulNode){
var liNodes = ulNode.getElements('li');
var ulNodes = ulNode.getElements('ul');
for(var i=0; i<ulNodes.length; i++){
var pNode = ulNodes[i].parentNode;
if ( pNode.ulSliders == undefined){
pNode.ulSliders = new Array();
}
pNode.ulSliders.push( new Fx.Slide(ulNodes[i], {mode:'vertical', duration: 500}));
pNode.ulSliders[pNode.ulSliders.length-1].hide();
}
for(var i=0; i<liNodes.length; i++){
if ( liNodes[i].ulSliders != undefined ){
liNodes[i].addEvent('click', function (e){
e = new Event(e);
for(var j=0; j<this.ulSliders.length; j++){
this.ulSliders[j].toggle();
}
e.stopPropagation();
});
}
}
}

et ça marche avec un bout d'html de ce genre là:

Code :

<ul class="tree">
<li>A:
<ul>
<li>A.1:
<ul>
<li>A1.1</li>
<li>A1.2</li>
<li>A1.3</li>
</ul>
</li>
<li>A.2:
<ul>
<li>A2.1</li>
<li>A2.2</li>
</ul>
</li>
<li>A2</li>
</ul>
</li>
<li>B:
<ul>
<li>B.1:
<ul>
<li>B1.1</li>
<li>B1.2</li>
</ul>
</li>
<li>B.2:
<ul>
<li>B2.1</li>
</ul>
</li>
</ul>
</li>
<li>C</li>
</ul>

Et bien la si tu cliques sur A, super le résultat est parfait.
Si tu cliques sur A1, c'est le drame

Message cité 2 fois
Message édité par anapajari le 14-11-2007 à 15:32:01

ratibus

anapajari a écrit :

... c'est déjà fait ça ... je pense que tu n'as pas compris le problème
Donc voila le code js:

Code :

Et bien la si tu cliques sur A, super le résultat est parfait.
Si tu cliques sur A1, c'est le drame

Pour le slider je vais pas pouvoir t'aider par contre les addEvent dans des boucles faut éviter (faut essayer de garder le moins d'event listener possible).
Il faut plutot que tu fasses un addEvent sur des ul.tree et dans la fonction que tu mets tu gères l'élément cliqué avec le tagName du node cliqué

xtof_83

Freeride Spirit

SekYo a écrit :

Dites, y a personne qui connait un ptit prog pour nettoyer un fichier .css ?
Genre le truc qui prend le css en entrée, une adresse de site web et qui va aspirer le site (ou une partie) pour te dire quels styles sont utilisés ( ou pas utilisés justement )

Si tu trouves un truc bien, envoie le moi stp.

Thx

Message cité 1 fois

Shinuza

This is unexecpected

anapajari a écrit :

... c'est déjà fait ça ... je pense que tu n'as pas compris le problème

Et bien la si tu cliques sur A, super le résultat est parfait.
Si tu cliques sur A1, c'est le drame

Code :

Window.onDomReady(function (){
              $$('.tree').each(Tree);
            });
   
              function Tree(ulNode){
                var liNodes = ulNode.getElements('li');
                var ulNodes = ulNode.getElements('ul');
                
                ulNodes.each(function(ulNode) {
                  var pNode = ulNode.getParent();
                  if ( pNode.$tmp.ulSliders == undefined) {
                    pNode.$tmp.ulSliders = [];
                  }
                  pNode.$tmp.ulSliders.push(new Fx.Slide(ulNode, {mode:'vertical', duration: 500}));
                  pNode.$tmp.ulSliders[pNode.$tmp.ulSliders.length-1].hide();
                });
   
                liNodes.each(function(liNode) {
                  if ( liNode.$tmp.ulSliders != undefined ){
                     liNode.addEvent('click', function (e){
                       new Event(e).stopPropagation();
                        this.$tmp.ulSliders.each(function(ulSlider) {
                            ulSlider.toggle();
                        });
                     });
                  }
                });
              }

T'as le droit d'utiliser la lib hein

Sinon je crois qu'il existe une propriété offset pour chaque instance de slide, tu peux la modifier à la volée pour l'adapter à la taille que tu veux (offset + eventuels padding + margin)

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

anapajari

s/travail/glanding on hfr/gs;

Ratibus> j'avais fait mon flémmard je te l'accorde.
Shinu> j'avais dit que je testais mootools
Connaissais pas each ( et ama ils auraient au moins pu l'appeler forEach pour se rapprocher du js 1.6).

Mais la morale c'est que ça fait toujours pas ce que je veux [:dawa]
En fait la modification de taille "à la volée" c'est grosso modo ce que j'ai fait dans le oncomplete du slide mais sapue ... ça "clignotte"

Message cité 1 fois

Dj YeLL

$question = $to_be || !$to_be;

anapajari> Tu m'as donné envie d'essayer, vu que j'aime bien Mootools ... si ça peut te convenir (bon y'a sûrement moyen d'optimiser, mais au moins ça semble marcher ) :

Code :

var Tree = {
    start: function(){
      var spans = $('tree').getElements('li span');
      spans.each(function(span){
        var subMenu = span.getNext();
        if(subMenu != null && subMenu.getTag() == 'ul'){
          span.setStyle('cursor', 'pointer');
          subMenu.setStyles({
            height: 0,
            overflow: 'hidden'
          });
          span.addEvent('click', function(){
            var subMenu = this.getNext();
            if(subMenu.getStyle('height').toInt() > 0){
              subMenu.setStyles({
                height: 0,
                overflow: 'hidden'
              });
            } else {
              subMenu.setStyle('height', '');
            }
          })
        }
      })
    }
  }
  
  window.addEvent('domready', Tree.start);

Code :

<ul id="tree">
<li><span>A:</span>
<ul>
<li><span>A.1:</span>
<ul>
<li>A1.1</li>
<li>A1.2</li>
<li>A1.3</li>
</ul>
</li>
<li><span>A.2:</span>
<ul>
<li>A2.1</li>
<li>A2.2</li>
</ul>
</li>
<li>A2</li>
</ul>
</li>
<li><span>B:</span>
<ul>
<li><span>B.1:</span>
<ul>
<li>B1.1</li>
<li>B1.2</li>
</ul>
</li>
<li><span>B.2:</span>
<ul>
<li>B2.1</li>
</ul>
</li>
</ul>
</li>
<li>C</li>
</ul>

Message édité par Dj YeLL le 14-11-2007 à 21:30:08

---------------
Gamertag: CoteBlack YeLL

Dj YeLL

$question = $to_be || !$to_be;

Et hop, j'en ai fais une classe, et j'ai rajouté l'animation.

Elle peut être utilisée avec n'importe quel conteneur, sous réserve de la configurer lors de l'appel. On peut également régler la durée de l'animation.

La classe ( ) :

Code :

var Tree = new Class({
    options: {
        duration: 1000
    },
    
    initialize: function(container, handles, subMenu, options){
        this.container  = $pick($(container), $('tree'));
        this.handles    = $pick(handles, 'li span');
        this.subMenu    = $pick(subMenu, 'ul');
        this.setOptions(options);
        this.start();
    },
    
    start: function(){
        var spans = this.container.getElements(this.handles).reverse();
        
        spans.each(function(span){
            
            var subMenu = span.getNext();
            
            if(subMenu != null && subMenu.getTag() == this.subMenu){
                span.setStyle('cursor', 'pointer');
                subMenu.h = subMenu.getSize().size.y;
                subMenu.setStyles({ height: 0, overflow: 'hidden'});
                subMenu.fx = new Fx.Style(subMenu, 'height', {
                    duration: this.options.duration,
                    onStart: function(el){
                        if(el.getSize().size.y > 0) el.h = el.getSize().size.y;
                    },
                    onComplete: function(el){
                        if(el.getSize().size.y > 0)    el.setStyle('height', 'auto');
                    }
                });
                span.addEvent('click', function(){
                    var subMenu = this.getNext();
                    if(subMenu.getStyle('height') == 'auto'){
                        if(subMenu.getStyle('height') == 'auto') subMenu.setStyle('height', subMenu.getSize().size.y);
                        subMenu.fx.start(0);
                    } else {
                        subMenu.fx.start(subMenu.h);
                    }
                })
            }
        }, this)
    }
});
Tree.implement(new Options);

L'instanciation :

Code :

window.addEvent('domready', function(){
    new Tree('tree', 'li span', 'ul', {duration: 1500});
    new Tree('tree2', 'div h1', 'div', {duration: 500});
}) ;

Le HTML :

Code :

<ul id="tree">
<li><span>A:</span>
<ul>
<li><span>A.1:</span>
<ul>
<li>A1.1</li>
<li>A1.2</li>
<li>A1.3</li>
</ul>
</li>
<li><span>A.2:</span>
<ul>
<li>A2.1</li>
<li>A2.2</li>
</ul>
</li>
<li>A2</li>
</ul>
</li>
<li><span>B:</span>
<ul>
<li><span>B.1:</span>
<ul>
<li>B1.1</li>
<li>B1.2</li>
</ul>
</li>
<li><span>B.2:</span>
<ul>
<li>B2.1</li>
</ul>
</li>
</ul>
</li>
<li>C</li>
</ul>
<div id="tree2">
<div><h1>A:</h1>
<div>
<div><h1>A.1:</h1>
<div>
<div>A1.1</div>
<div>A1.2</div>
<div>A1.3</div>
</div>
</div>
<div><h1>A.2:</h1>
<div>
<div>A2.1</div>
<div>A2.2</div>
</div>
</div>
<div>A2</div>
</div>
</div>
<div><h1>B:</h1>
<div>
<div><h1>B.1:</h1>
<div>
<li>B1.1</li>
<li>B1.2</li>
</div>
</div>
<div><h1>B.2:</h1>
<div>
<li>B2.1</li>
</div>
</div>
</div>
</div>
<div>C</div>
</div>

Message cité 1 fois
Message édité par Dj YeLL le 15-11-2007 à 09:03:54

---------------
Gamertag: CoteBlack YeLL

Publicité

Dj YeLL

$question = $to_be || !$to_be;

À quand une coloration syntaxique pour le HTML ? :??:

---------------
Gamertag: CoteBlack YeLL

uriel

blood pt.2

faut pas preciser code=html ?

---------------
IVG en france

Dj YeLL

$question = $to_be || !$to_be;

marche pas [:sisicaivrai]

J'ai essayé :
- html
- html4
- html4strict (je crois que j'avais lu ça qqpart)
- xhtml
- xhtml1
- xhtml1strict ( :whistle: )

Y'a rien qui marche

---------------
Gamertag: CoteBlack YeLL

SekYo

xtof_83 a écrit :

Si tu trouves un truc bien, envoie le moi stp.
Thx

Yep, mais je sens que j'vais être bon pour me faire un ptit script ruby qui me check ça rapido.... un jour

( Ou sinon je passe commande à Harko, il est en train de faire mumuse avec Ruby, c'est un bon exo :bounce: )

0x90

→

Dans le svn de mootools y'a un parseur de règles CSS, pour chaque règle tu fais un appel avec $$(regle).length et tu garde la liste des règles pour lesquelles tu as eu 0 comme length. tu fais ça sur toutes tes pages et tu fait l'intersection de toutes les listes -> tadam, tu as la liste des règles inutiles.

Message cité 1 fois

---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.

Shinuza

This is unexecpected

anapajari a écrit :

Les deux marchent.

@Dj YeLL : Y'a un truc qui s'appelle $pick et un autre setOptions

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

SekYo

0x90 a écrit :

Oh yes, j'avais pas pensé a faire ça en JS. Vais voir du coté de jQuery si y a la même chose, sinon j'irais voir Mootools

Dj YeLL

$question = $to_be || !$to_be;

Shinuza a écrit :

Les deux marchent.

@Dj YeLL : Y'a un truc qui s'appelle $pick et un autre setOptions

Edited

Edit : En même temps j'ai un peu de mal à saisir l'intérêt... [:transparency] Ça rend juste le code un peu long

Edit 2 : Han mais c'est tout pété sous IE [:sisicaivrai] Fais chier ce con d'IE :cry:

Message édité par Dj YeLL le 15-11-2007 à 09:18:08

---------------
Gamertag: CoteBlack YeLL

anapajari

s/travail/glanding on hfr/gs;

Dj YeLL a écrit :

Code :

...

okayyyyy ... merci pour l'exemple ( qui marche peut-être j'ai pas testé ).

Ma conclusion: c'est surement super pour faire 2/3 trucs qui pioutent mais dès qu'on a besoin d'un truc qu'est pas prévu, je suis pas sur que j'aille plus vite en me servant de mootools (mais c'est surement une question d'habitude).

Message cité 1 fois

skeye

Tiens, encore un question css con : c'est possible de collapser les border de 2 div qui sont côte à côte? [:joce]

---------------
Can't buy what I want because it's free -

Dj YeLL

$question = $to_be || !$to_be;

J'ai une requête SQL assez imposante, avec plusieurs jointures, clauses WHERE, clauses HAVING etc. Et un LIMIT x, y

Donc ça me retourne y enregistrement à chaque fois. Mais existe-t'il un moyen de connaître le nombre d'enregistrement qu'il y aurait eu sans le LIMIT ? (c'est pour faire de la pagination), ou suis-je obligé d'exécuter 2 fois la requête ? (une fois avec le LIMIT, et une fois sans LIMIT avec un COUNT(*))

---------------
Gamertag: CoteBlack YeLL

Master p

My new cock ring :D

cf SQL_CALC_FOUND_ROWS

Message cité 3 fois

---------------
HAHAHA I M USING TEH INTERNET

Dj YeLL

$question = $to_be || !$to_be;

Master p a écrit :

cf SQL_CALC_FOUND_ROWS

Merci [:vapeur_cochonne]

---------------
Gamertag: CoteBlack YeLL

skeye

encore une question de noob, ça fait trop longtemps que j'ai pas touché aux css : foutre un background-color au body, IE et opera s'en branlent? [:autobot]

Message cité 1 fois

---------------
Can't buy what I want because it's free -

ratibus

skeye a écrit :

encore une question de noob, ça fait trop longtemps que j'ai pas touché aux css : foutre un background-color au body, IE et opera s'en branlent? [:autobot]

Non ça marche bien

Message cité 1 fois

skeye

ratibus a écrit :

Non ça marche bien

ah?
Alors je dois avoir raté un truc. [:joce]

---------------
Can't buy what I want because it's free -

Taiche

(╯°□°）╯︵ ┻━┻

Toujours dans la série "graphs qui ont de la gueule en PHP", je suis tombé sur http://teethgrinder.co.uk/open-flash-chart/ (merci Nexen)
Ca le fait à première vue ET c'est open source, donc j'pense j'vais tester aussi [:petrus75] Dommage que j'ai quasi-fini mon intégration avec l'autre truc :sweat:

Message cité 1 fois
Message édité par Taiche le 15-11-2007 à 13:25:22

---------------
Everyone thinks of changing the world, but no one thinks of changing himself | It is the peculiar quality of a fool to perceive the faults of others and to forget his own | Early clumsiness is not a verdict, it’s an essential ingredient.

Dj YeLL

$question = $to_be || !$to_be;

Master p a écrit :

cf SQL_CALC_FOUND_ROWS

Citation :

SQL_CALC_FOUND_ROWS and FOUND_ROWS() are available starting at MySQL 4.0.0.

[:sisicaivrai]

Message cité 1 fois

---------------
Gamertag: CoteBlack YeLL

skeye

Taiche a écrit :

ça a l'air bien fun ce truc! [:dawa]
Je bookmarke! [:romf]

Message cité 1 fois

---------------
Can't buy what I want because it's free -

skeye

Bon, qui peut m'expliquer ce que je pige pas là? [:pingouino]

toto.html :

Code :

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <title>toto</title>
  <link href="toto.css" rel="stylesheet" type="text/css" media="screen" title="toto"/>
</head>
<body>
<div class="container">
<p> Des trucs </p><p> Des trucs </p><p> Des trucs </p><p> Des trucs </p><p> Des trucs </p>
</div>
</body>
</html>

toto.css

Code :

html, body{
    background-color:#EEF;
}
 
.container{
    background-color:white;
    width:90%;
    margin:auto;
    border:solid 1px black;
}

Résultat sous FF : container en fond blanc sur page en fond #EEF
Résultat sous opera : tout est en fond blanc.
Résultat sous IE : tout est en fond blanc

[:autobot]

---------------
Can't buy what I want because it's free -

Taiche

(╯°□°）╯︵ ┻━┻

skeye a écrit :

ça a l'air bien fun ce truc! [:dawa]
Je bookmarke! [:romf]

Ca a l'air assez limité au niveau des types de charts ; perso je voulais des barres horizontales et y a pas encore

skeye

[:hahaguy] la developer console d'opera me dit bien que le style appliqué à html et body est

Citation :

html, body{
background-color:#eeeeff
}

Message cité 1 fois
Message édité par skeye le 15-11-2007 à 13:44:41

---------------
Can't buy what I want because it's free -

theredled

● REC

Master p a écrit :

cf SQL_CALC_FOUND_ROWS

[:theredled] hohan

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

ratibus

Dj YeLL a écrit :

Citation :

SQL_CALC_FOUND_ROWS and FOUND_ROWS() are available starting at MySQL 4.0.0.

[:sisicaivrai]

Ben tu vas voir ton chef et tu lui expliques que tu serais + productif avec des versions à jour

Message cité 1 fois

skeye

'tain mais ya personne qui saurait m'expliquer ce que c'est ce bordel de background-color là? [:pingouino]

---------------
Can't buy what I want because it's free -

theredled

● REC

skeye a écrit :

[:hahaguy] la developer console d'opera me dit bien que le style appliqué à html et body est

Citation :

html, body{
background-color:#eeeeff
}

Pourquoi tu fous du css sur l'élement html :??:

Message cité 1 fois

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

skeye

theredled a écrit :

Pourquoi tu fous du css sur l'élement html :??:

pourquoi pas?
Mettons que je veux que par défaut tout ait cette couleur de fond...mais c'est pas le problème, là, en fait. [:petrus75]
Pouruqoi IE et Opera ont rien à branler de ce que je leur dis? [:dawao]

Message cité 1 fois

---------------
Can't buy what I want because it's free -

skeye

Allez, question php pour changer :
Je dois passer en get des valeurs pouvant contenir des esperluettes...je l'ai dans le cul ou ça marche? [:joce]

[edit]

ah ben %26 marche. [:dawa]

Message cité 1 fois
Message édité par skeye le 15-11-2007 à 14:22:40

---------------
Can't buy what I want because it's free -

ratibus

skeye a écrit :

Allez, question php pour changer :
Je dois passer en get des valeurs pouvant contenir des esperluettes...je l'ai dans le cul ou ça marche? [:joce]

urlencode c'est pas pour les chiens

Message cité 1 fois

skeye

ratibus a écrit :

urlencode c'est pas pour les chiens

non mais le premier réflexe que j'ai eu c'est de taper & dans la barre d'adresse pour tester, avant de réfléchir et d'utiliser escape:'url' et pas escape:'html'. [:joce]

Message édité par skeye le 15-11-2007 à 14:26:01

---------------
Can't buy what I want because it's free -

theredled

● REC

skeye a écrit :

pourquoi pas?
Mettons que je veux que par défaut tout ait cette couleur de fond...

Code :

* {
backgroundprout:flashyGreen;
}

skeye a écrit :

mais c'est pas le problème, là, en fait. [:petrus75]
Pouruqoi IE et Opera ont rien à branler de ce que je leur dis? [:dawao]

Ben si c'est ptet le problème, que IE et Opéra acceptent/aiment pas qu'on foute un fond au html, ignorent la règle et foutent la couleur par défaut à la place [:dawao]

Message cité 1 fois
Message édité par theredled le 15-11-2007 à 14:36:07

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Publicité

Page : 1 2 3 4 5 .. 394 395 396 .. 1454 1455 1456 1457 1458 1459

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

blabla@web

Sujets relatifs
blabla 3	blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA !	[Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??	[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help	[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@olympe] Le topic du modo, dieu de la fibre et du monde	[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web

Page générée en 0.194 secondes