JeuWeb - Crée ton jeu par navigateur

Version complète : [CSS] possibilité d'afficher un "lien" entre deux "boîtes"
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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 !
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.
Une partie du problème : http://www.developpez.net/forums/d107273...aires-css/

Citation :je ne connais pas d'élément HTML qui permette de dessiner des lignes.

le vieux <hr>

(26-03-2012, 08:09 PM)Maks a écrit : [ -> ]Une partie du problème : http://www.developpez.net/forums/d107273...aires-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)
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 ?
(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
et au point de vue accessibilité ?

kéké
(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)