Discussion :

[Captainjuju]

Bonjour amis développeur
j'aurais souhaiter vous soumettre un de mes grand probleme existentiel
J'aimerai faire :
- un tableau html de 20 cases sur 20 cases (avec pour fond du tableau un image prédéni
- chaque case contient une image (vignette)
- lorsque je clique sur une vignette,le résultat s'ouvre sous forme d'un popup
- ce popup contient l'original de l'image cliquée, et celles des 8 cases qui l'entourent (un carré de 3*3 au final)
-en cliquant sur l'une des 9 images de ce popup, ouverture d'un nouveau popup de cette vignette taille réel.
Pour les images je les ai formater du type A1.jpg B1.jpg C3.jpg et ainsi de suite et pour les images tailles réel A1bis.jpg etc... (la charte des noms est encore modifiable)
Merci a tous ceux qui souhaiterons participer a ce sujet

[Matthieu2000]

au boulot!!

[Captainjuju]

J'ai deja bosser dessus mais ca na donner aucun bon résultat, et j'ai pas l'impression d'etre partie sur la bonne solution

[Captainjuju]

Vu que personne na l'air de voir ce que je fait je vais vous proposez un partiel du code que j'ai essayer avec pas mal de manque un gros blocage et un certitude que je suis mal barer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function affichageile();
var X;var Y;
document.write("<table Background='ile.jpg' border='0' height='400'>");
for(Y=1;Y<21;Y++){
 document.write("<tr height='15'>");
 for(X=1;X<21;X++)
   document.write("<td onclick='GestionDesCase;' style='border-top:1px;border-left:0px;border-bottom:0px;border-right:1px;border-color:black;border-style:solid;' width='15'>&nbsp</td>");
 document.write("</tr>");
}
document.write("</table>");
 
function GestionDesCase ();
 document.write("<img src='img_zoom/"X=X-"_"Y=Y-".jpg'><img src='img_zoom/"+X+"_"Y=Y-".jpg' /><img src='img_zoom/"X=X+"_"Y=Y-".jpg'><br />");
 document.write("<img src='img_zoom/"X=X-"_"+Y+".jpg'><img src='img_zoom/"+X+"_"+Y+".jpg' /><img src='img_zoom/"X=X+"_"+Y+".jpg'><br />");
 document.write("<img src='img_zoom/"X=X-"_"Y=Y+".jpg'><img src='img_zoom/"+X+"_"Y=Y+".jpg' /><img src='img_zoom/"X=X+"_"Y=Y+".jpg'><br />");

Mais je le sent pas et j'ai passer 3 jours dessus

[javatwister]

pb! quelles images affiches-tu quand tu sélectionnes une image de début ou fin de ligne / colonne??? tu ne prends que celles qui l'entourent à l'écran?

[Captainjuju]

Justement si elle ne s'affiche pas ca m'arrenge mais a la rigeur j'ai un préférence pour une fonction qui appelerai un image standard (en gros si il trouve pas l'image a la place d'afficher le carré blanc et la petite croix rouge que tout le monde connais bien il aille chercher une autre image indiquant que c'est le bord de carte) exemple la case x=22 y=1 l'image n'éxiste pas alors prendre imageblack.jpg comme ca toute les caze non visible dans ma carte pourrais avoir leur petite image
ps si c'est pas clairs faut pas hésiter a me le dire

[SpaceFrog]

google => splitz
puis google => image mapper

[javatwister]

un exemple (légèrement marginal puisqu'il ne s'agit pas d'images mais de jolis carrés de couleur):

http://javatwist.imingo.net/tabcoords.htm


tu cliques sur un carré;
tu obtiens l'agrandissement de la zone 3 X 3 (avec uniquement les carrés visibles);
si tu cliques sur un des 9 carrés, tu ouvres une popup avec ce que tu veux dedans;

[javatwister]

question subsidiaire: les popups, c'est ta grande passion ou tu pourrais éventuellement t'en passer?

[SpaceFrog]

ha ... les familles recomposées

[javatwister]

recomposées

[SpaceFrog]

balises

[javatwister]

quoi "balises"? tu crois que tu me fais peur

[FMaz]

Coté mappe javascript en tout genre, je connais une bonne source d'information, mais ca serait annoncer une concurence à ce forum, donc je ne publirais rien en public.

J'ai vu des gars parler de map isométrique avec des cases hexagonnale, donc ils devraient pouvoir t'aider* pour ton projet...

* et non pas te donner un code tout fait.

[javatwister]

J'aimerai faire :
- un tableau html de 20 cases sur 20 cases (avec pour fond du tableau un image prédéni
- chaque case contient une image (vignette)
- lorsque je clique sur une vignette,le résultat s'ouvre sous forme d'un popup
- ce popup contient l'original de l'image cliquée, et celles des 8 cases qui l'entourent (un carré de 3*3 au final)
-en cliquant sur l'une des 9 images de ce popup, ouverture d'un nouveau popup de cette vignette taille réel.

FMaz, on est assez loin d'un système top secret... c'est ni plus ni moins un agrandissement d'image

[FMaz]

Je parle de donner l'adresse d'un autre forum spécialisé dans ce qui touche au jeux web+dhtml+javascript+tout ce qui va avec.

Le code exacte je l'ai pas sous la main, j'ai des ressources, c'est différent

[Captainjuju]

merci d'avoir autant souhaiter participer (dsl j'ai eu un pb et pas la possibilité de voir plus tot)
Non jesuis pas vraiment fan des popups si je me peut m'en passer ce n'est pas un mal.
de suite je consulte les infos que vous m'avez donnez (pour ce qui est de google 3 jours de recherche on commencer à me dégouter car je trouve tres peut de chose qui m'interesse dans mon cas)

[Captainjuju]

Je vous laisse ce petit lien y'a un visuel du résultat que j'espere avoir
http://sebastien.grosbout.free.fr/Sebastien/captainjuju/Presamap/map.htm

[Captainjuju]

Dsl mais je fait un petit UP pour voir si je peut avoir une quelquonque aide suplémentaire