Reprise du message précédent :
RIB en MP.

Salut les nerds
 
Je dois intégrer sur une page une petite fenêtre google maps avec un marqueur d'infos.
Pas de soucis avec l'API js pour ca, je lui file les coordonnées etc, par contre en cliquant sur le marqueur il me faudrait une fenêtre d'infos comme vu ici :  
http://maps.google.fr/support/bin/ [...] fo_windows
 
Avec les reviews, les coordonées et (surtout), une fonction itinéraire à partir de ce lieu.
 
Vous avez une idée de comment faire ca avec l'API Js ? J'ai rien vu à ce sujet dans la doc mais vu qu'elle est mal foutue c'est peut-être faisable
 
Au pire ca se avec une iframe, mais bon c'est moche ²

punaize, moi qui révait d'un Tower Defense full HTML/CSS, y'a des gars qui sont en train de monter un moteur de jeu de stratégie en html5/css/jquery  
 
http://www.youtube.com/watch?v=Ol3qQ4CEUTo

 
Désolé je te réponds pas, mais juste petite question (bète surement) concernant GMaps API, il suffit de filer en variable les coordonnées POSTALES et il en déduit les coordonnées "GPS" ?

ça marche de la même façon que le champ recherche de la version web  
 
donc oui

http://alteredqualia.com/canvasmol/

Effectivement c'est assez impressionnant je trouve  

Après avoir mis en place un menu déroulant (voir plus haut dans le topic   ), j'ai un problème de recouvrement sous ie.
Le z-index de mon menu est à 100, ça fonctionne très bien sous firefox, mais sous ie, je ne sais pas pourquoi les titres de mes rubriques restent au-dessus.
J'ai essayé de leur appliquer un z-index de 0 pour voir, mais non ça ne fonctionne pas.

J'utilise le css donné par ce site http://users.tpg.com.au/j_birch/pl [...] ng-started et c'est un menu géré par ce plugin de jquery.

(Je ne parle même pas du rendu sous ie6 ou mes select sont toujours au 1er plan...)

Bref j'imagine que c'est très classique comme situation non?

EDIT: ok désolé, je lit ça et je reviens http://webdemar.com/webdesign/supe [...] index-bug/
Non même en jouant sur les z-index, pas moyen...

EDIT2: fixed! Il manquait un position:relative sur le menu. Désolé du dérangement

Faut pas oublier de mettre un position:relative car sinon ça marche pas
ensuite les z-index faut les gérer surtout sur les conteneurs parents

 
Pour la performance c'est pas mal, mais sinon je vois vraiment pas l'intérêt. Pour IPhone ?

Pour des jeux comme Dofus...

autant directement recoder un client pour Iphone le jeu sera autrement plus rapide et moins consommateur. Si Apple autorisait Adobe à utiliser son Iphone packager pour sortir des jeux flash compilés en application Iphone je suis sur que pour Dofus on aurait un jeu de malade.

sauf que là , tu développe un client pour WM, android, iphone, symbian,....  
 
c'est quand même largement plus efficace

J'ai deux lignes de tableau que je cache.
Lorsque je clique sur une ligne visible, celle-ci affiche tous ses "enfants" cachés ayant pour classe "second_level".

secondLevel.each(function() {
    if ($(this).hasClass('second_level')) {
        $(this).fadeIn();
    } else {
        return false;
    }
});

Je devrais avoir deux lignes de visibles une fois cliqué, mais une seule apparait.
Une fois une inspection réalisée avec firebug, la ligne qui ne s'affiche pas à en fait le tr en visible mais tous ses enfants en display: none.

PS : la boucle s'exécute bien 2x.

Edit : résolu en utilisant une autre structure pour mon tableau.
Par contre, je peux avoir plusieurs tbody dans mon tableau ?

secondLevel.each(function() {
    if ($(this).hasClass('second_level')) {
        $(this).fadeIn();
    } else {
        return false;
    }
});

RTFM
 
http://www.w3.org/TR/html401/struc [...] l#h-11.2.3

 
J'avais été sur w3school mais c'était pas très clair
Après étant donné que j'ai trouvé l'exemple sur stackoverflow je me suis dis que ça devait être bon.

 
Y'a que moi sur cette planète qui ne trouve strictement rien d'exceptionnel à toutes ces démos canvas . J'veux dire, ce ne sont que des resucées en JS de machins existants depuis 9000 ans

C'est pour démontrer que Flash ne sert plus à rien
Sûrement des suppôts de Steve Jobs qui ont fait ça

Conseil, la réference en matière de doc "pédagogique" JS/CSS/HTML, c'est MDC.

Sinon :

C'est quoi la meilleure lib de graphiques en JS actuellement ?

http://sixrevisions.com/javascript [...] libraries/

C'est à dire que...

Trouvé ici (et encore c'était pas des plus intuitifs).

flash servira toujours aux pub amha
 
les bonshommes qui font des bannières pub doivent pour la majorité rien biter en programmation, du coup la belle interface de flash CS est une aubaine, même tata ginette peut faire une bannière de pub

et tu penses qu'il n'est pas possible d'avoir une interface qui génère la même chose en js ?

comme tu le dis, le créa, il ne touche pas au code, il utilisaera juste dreamweaver au lieu de flash

gRaphaël a l'air super mais ce serait encore mieux avec une doc ou au pire des sources pas minifiées

Vrai
 
D'ailleurs je viens d'aller sur le site de la knack (genre là), et saloperie d'interface en falsh Impossible d'ouvrir un produit dans un nouvel onglet

Ouais, à part que c'est juste 15x plus dur à implémenter pour un truc qui rame 5x plus

http://github.com/DmitryBaranovskiy/g.raphael/
 
Mais je suis pas sur que ça aide des masses

aujourd'hui  
 
laisse un peu le temps aux outils de murir

ouais, mais là c'est des pionniers, ils en chient pour les autres. Ce qu'ils font est "politique"

Oui bien sur surtout que tu que avant qu'on puisse avoir un equivalent de dofus 2 en HMTL5+Canvas etc on peut se brosser encore pendant 5 ans, d'ici là flash aura sera allé encore plus loin

Hoy hoy hoy !

Je reviens avec mon problème de hauteur d'un div en auto qui ne marche pas, vous m'aviez parler de structure, je vois pas le soucis (fin côté html, div etc) enfin je le trouve pas
http://www.lifestyle-lemag.com/news.php?lire_news=33 (un exemple du pb matter le footer, j'ai du fixer pas mal de hauteurs au lieu de auto..)
D'avance je vous avertit que c'est pas faire d'une façon très pro code et css, mais ça marche, je compte faire tout propre après avoir regler ces quelques petits problèmes

En retour ma gratitude suffira ?

XaT

tu peux me dire ce que fous cette putain de hauteur figée ici ?

edit pareil pour .box_main_news tu met vire le height à la con que tu as mis

edit 2 : encore sur .newsnewbox

edit 3 : sur .newsmaxi_3 encore une hauteur figée
edit 4 : .newsmaxi_4
c'est une maladie chez toi les hauteurs figées, tu me vireras aussi le width à la con qu'il y a

jvais arrêter là je crois qu'on ne peut plus rien pour toi

Donc je te conseille d'enlever TOUTES TES hauteurs figées à la con

je vois que tu as simplement un problème de conteneur qui fait pas la hauteur de son contenu car le contenu est en "float", bah soit un clearfix en bas, soit un contexte de formatage bête et mechant

J'ai dis que j'ai tout figé car en auto rien ne marchait !
Merci de la review je lis ça en entier très bientôt
 
XaT

wtf is that        

<div style="clear: both"></div>
 
Juste après ton/tes conteneurs floaté, ou overflow: hidden sur les parents.

Mouais... Je vois pas comment un outil qui est destiné aux pages web deviendrait sainement l'outil universel pour tout faire super bien... Déja faudrait que JS devienne compilé.

Et surtout je ne vois aucun intérêt. Bientôt on fera des drivers en Javascript

pourquoi ?  
tu ne vois aucun intérêt, peut être parce que tu n'utilises que Windows, mais sous linux, ou même osx, flash c'est pas la panacée
En embarqué dans les téléphone  c'est pareil

Safari et Chrome ont déjà des interpréteurs JITés

Accessoirement, le flash "compilé" c'est pas du code natif hein, c'est du bytecode interprété par la VM Tamarin

 
Pour remplacer flash, qui utilise aussi du JS et ne le compile pas plus qu'un navigateur ?

Un bouton, complètement flexible, avec background étirable et ombre, vous le feriez comment ?

Perso j'ai fait ça, mais c'est embêtant quand il s'agit de le foutre en ligne

<div class="submit_wrapper">
    <div class="submit_advertiser_left"></div>
    <input type="button" class="submit_advertiser"
           value="Ajouter" />
    <div class="submit_advertiser_right"></div>
</div>

.submit_wrapper {
    float: left;
}
.submit_advertiser {
    color: #fff;
    height: 31px;
    border: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    float: left;
    cursor: pointer;
    width: auto;
}
.submit_account {
    color: #000;
}
.submit_advertiser_left, .submit_advertiser_right {
    width: 9px;
    height: 31px;
    float: left;
}
.submit_advertiser {
    background: url('submit_button_advertiser_bg.png') repeat-x;
}
.submit_advertiser_left {
    background: url('submit_button_advertiser_left.png') no-repeat;
}
.submit_advertiser_right {
    background: url('submit_button_advertiser_right.png') no-repeat;
}

<div class="submit_wrapper">
    <div class="submit_advertiser_left"></div>
    <input type="button" class="submit_advertiser"
           value="Ajouter" />
    <div class="submit_advertiser_right"></div>
</div>

.submit_wrapper {
    float: left;
}
.submit_advertiser {
    color: #fff;
    height: 31px;
    border: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    float: left;
    cursor: pointer;
    width: auto;
}
.submit_account {
    color: #000;
}
.submit_advertiser_left, .submit_advertiser_right {
    width: 9px;
    height: 31px;
    float: left;
}
.submit_advertiser {
    background: url('submit_button_advertiser_bg.png') repeat-x;
}
.submit_advertiser_left {
    background: url('submit_button_advertiser_left.png') no-repeat;
}
.submit_advertiser_right {
    background: url('submit_button_advertiser_right.png') no-repeat;
}

 
Bah ça dépend de la gueule de ton bouton, montre.
Déjà tu peux utiliser le background de l'input pour la partie de gauche ou de droite. Enfin montre ton bouton, furoncle s'abstenir