+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [CSS] possibilité d'afficher un "lien" entre deux "boîtes" (/showthread.php?tid=6053)
[CSS] possibilité d'afficher un "lien" entre deux "boîtes" - Ter Rowan - 26-03-2012
bonjour
j'aurais aimé faire le type d'affichage en pj en html+css uniquement
autant je sais faire sans problèmes les cases (couleur + texte) et les positionner, autant je me pose la question du lien entre les cases ( les flèches )
j'aimerais en effet savoir si il y avait moyen, soit directement avec du CSS soit avec du javascript, d'éviter de "dessiner" via le html ces liens
grosso modo, j'aimerais m'arrêter à :
<div id="Projet"> .... </div>
<div id="Faits"> .... </div>
<div id ="Indicateurs"> ...</div>
et pas réaliser un tas de div de 1px de large pour les liens
l'idée dans tous les cas est d'utiliser jsmart pour générer le html avec quelque part un lien du type
Projet->Faits
Projet->Indicateurs
je voudrais donc éviter de polluer le code jsmart pour ajouter des liens
merci d'avance !
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - niahoo - 26-03-2012
Doit surement y avoir unmoyen pour afficher tes 3 divs, oui, mais si tou souhaites une méthode pour pouvoir afficher des graphes plus grand ben perso je prendrais pas cette méthode !
Surtout jsmart quoi. bon j'avoue je connais pas, mais quand je dois bosser avec smarty je m'arrache les cheveux généralement. Alors du bon SVG voire graphml ça peut être plus sympa.
je ne connais pas d'élément HTML qui permette de dessiner des lignes.
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - Maks - 26-03-2012
Une partie du problème : http://www.developpez.net/forums/d1072738/webmasters-developpement-web/contribuez/fleches-triangulaires-css/
Citation :je ne connais pas d'élément HTML qui permette de dessiner des lignes.
le vieux <hr>
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - Ter Rowan - 26-03-2012
(26-03-2012, 08:09 PM)Maks a écrit : Une partie du problème : http://www.developpez.net/forums/d1072738/webmasters-developpement-web/contribuez/fleches-triangulaires-css/ah j'avais pas vu cette partie du problème, mais pas mal oui ^^
sinon niahoo, pour l'utilisation que j'en ai faite, ca s'est super bien passé, même pour une trentaine d'éléments (et sous éléments) en local du moins
je suis resté sur des structures json très simples mais 0 souci (prise en main <1h)
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - niahoo - 27-03-2012
heu je t'avoue que je ne comprends pas pourquoi tu me parles de JSON, tu peux avoir tes données en JSON et les afficher autant en HTML qu'autre chose …
Et donc c'est bon tu as réussi ?
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - Ter Rowan - 27-03-2012
(27-03-2012, 10:01 AM)niahoo a écrit : heu je t'avoue que je ne comprends pas pourquoi tu me parles de JSON, tu peux avoir tes données en JSON et les afficher autant en HTML qu'autre chose …je reformule :
je suis resté sur des structures json très simples pour alimenter JSMART mais 0 souci (prise en main <1h)
(27-03-2012, 10:01 AM)niahoo a écrit : Et donc c'est bon tu as réussi ?
pas encore, je vais générer mes boîtes et identifier les liens entre boîtes, mais pour le moment a part un javascript à la fin qui tire des traits (et rajoute la flèche) je ne sais pas trop comment faire
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - keke - 27-03-2012
et au point de vue accessibilité ?
kéké
RE: [CSS] possibilité d'afficher un "lien" entre deux "boîtes" - Ter Rowan - 27-03-2012
(27-03-2012, 01:57 PM)keke a écrit : et au point de vue accessibilité ?
kéké
ça dépend de ce dont on parle
Mes premières pages en jsmart sont accessibles car les instructions à jsmart sont prévues pour (j'ai fait faire un test par un de mes gars, DV, avec Jaws ==> 0 problème)
Dans le cas du sujet de ce post, clairement, le besoin est de faire du visuel, donc je ne me soucie pas de rendre accessible cette page. Si jamais le besoin s'en fait sentir (au sens ou le fichier json de données n'est pas suffisant), je construirais une deuxième page, différente, qui sera accessible (mais pas graphique)