besoin d'aide pour développer un module spécifique

[Mateo95]

Bonsoir,

Je n'ai pas mi de titre pour le sujet car je ne connais pas le nom.

Je voudrais mettre sur mon site le genre de menu que j'ai entouré dans mes différent screen







Voila je ne connais ni le nom, je ne sais pas l'installer, je sais pas si ça se télécharge si c'est dur à faire si c'est long etc etc ...

Si vous pouviez me donner plus de détail ou des liens qui explique comment faire je serais preneur.

Désolé du dérangement et merci d'avance

Cordialement

 

[benj.referencement]

Il y a plusieur solution pour faire cela. Tour dépend de se que tu recherche.
Veux tu que cela soit dynamique ou statique ? As tu une base de donnée ? Combien d'images à tu ?
En répondant à ses questions, on sera à même de te répondre plus facilement.

des pistes :

• solution flash avec fichier xml
• solution programation language serveur (ex php/mysql)

 

[Mateo95]

Salut,

Oui j'ai une base de donnée

Veux tu que cela soit dynamique ou statique ?

Statique

Combien d'images à tu ?

J'pense mettre 5 images au maximum

(c'est un site en html)

Merci pour ta réponse

 

[Vap]

Tu peux le faire en javascript.

Quand tu clique sur un des boutons, le code javascript remplace l'image affichée par une autre.

C'est plus simple à faire que de demander au serveur un nouvel affichage de la page, ou faire du Ajax.

 

[Mateo95]

Ha ok mais j'ai aucune idée de comment ça marche :cry:

 

[Vap]

ON peut même le faire en CSS, mais ca risque de ne pas marcher très bien avec IE 6.

En javascript, le principe est simple. Premierement, tu met toutes images dans un tableau:

<script language="javascript">
<!--
image5 = new Image;
image5.src = "img/image5.gif";
image4 = new Image;
image4.src = "img/image4.gif";
image3 = new Image;
image3.src = "img/image3.gif";
image2 = new Image;
image2.src = "img/image2.gif";
image1 = new Image;
image1.src = "img/image1.gif";
//-->
</script>

Tu met une image (la première par exemple) dans ton code html, par exemple <img id="image_menu" src="img/image1.jpg" />

Ensuite pour chaque bouton, tu as un lien vers une image, et un comportement qui change l'image affichée; par ex:

<a onclick="javascript:document.getElementById('image_menu').src = image2.src;"><img src="images/bouton2" /></a>

 

[Mateo95]

Merci de m'aider mais je débute c'est trop dur encore !

Finalement je crois que je vais pas insérer de menu flash :cry:

Désolé du dérangement

 

[Vap]

Merci de m'aider mais je débute c'est trop dur encore !

Finalement je crois que je vais pas insérer de menu flash :cry:

Désolé du dérangement

Ce que je te propose n'est pas un menu flash, mais un menu en javascript...

Je t'encourage a apprendre javascript plus tard.

 

[Mateo95]

Ha ok.

Et t'aurais un site pour l'apprendre stp ? Je vais voir ce que ça donne

Merci d'avance

 

[Vap]

J'ai appris avec deux bouquins (je suis de la vieille école):

PPK on Javascript, Peter Paul Koch

Dom scripting, Jeremey Keith

Les deux sont an anglais mais sont vraiment très très bien. Ils ne sont pas compliqués, surtout le deuxième. Il contient d'ailleurs un exemple qui fait exactement ce que tu veux.

 

[Mateo95]

:?

L'anglais et moi ça fait 2 malheureusement

Déjà que j'ai du mal avec le html alors le java script

 

[cw-nico]

t'inquiète pas mateo, dès que tu connais les base du javascript après sa va tout seul ...

par contre je pense que ce type de menu est fait en ajax (dynamique), mais bon ta dis que le statique te convient donc sa devrait pas posé problème (sa sera simplement du javascript) ...

bonne chance pour les tuto

 

[Mateo95]

Merci

 

[Vap]

par contre je pense que ce type de menu est fait en ajax (dynamique), mais bon ta dis que le statique te convient donc sa devrait pas posé problème (sa sera simplement du javascript) ...

Pour la gouverne, quel serait l'avantage d'utiliser de l'Ajax? Ne pas charger toutes les images au départ? Mais si c'est ça, alors l'image ne serait chargée qu'au moment du clic, et donc l'affichage ne srait pas immédiat.

Pour l'experience client, je pense vraiment que charger les images à l'avance est un vrai plus dans ce cas. Le réaffichage est immédiat en cas de clic.

 

[cw-nico]

oui mais les images vont mettre un certain à se charger ...

ainsi que le fait d'extraire des info en php ... en début de page !!!

pour un souci de confort et de navigation ... c'est quand même mieux de voir un loading, qu'une page php qui met 10 sec à se lancer :roll:

... surtout lorsque ton design et tes requêtes de tes pages sont déjà nombreuses



:?: de plus tu n'est pas obligé de charger une images lorsque tu clique ...

tu peux très bien insérer toute les images dans des div respectives (lors de la requête ajax) définis en css (masqué/afficher) ...

après y'a plus qu'a changer dynamiquement le style des div (sans ajax), pour changer de news.

En en plus du plus, tu pourra même planifier un défilement automatique des news comme en flash !

ahhh ajax quand tu nous tiens ...

 

[Vap]

tu peux très bien insérer toute les images dans des div respectives (lors de la requête ajax) définis en css (masqué/afficher) ...

après y'a plus qu'a changer dynamiquement le style des div (sans ajax), pour changer de news.

Bien sûr, mais faire cela ne requiert pas du tout de l'ajax.

Le chargement des images peut etre fait une fois la page chargée, juste par la simple création du tableau javascript que je donnait plus haut. Ca ne ralenti en rien le premier affichage de la page si tu l'appelle une fois la page chargée...

Ensuite, on fait exactement ce que tu dis sans jamais utiliser de XMLHttpRequest ...

Bref, c'est dynamique, mais ce n'est pas de l'ajax.

 

[Mateo95]

Et sinon en français ça donne quoi ?

 

[cw-nico]

tu peux très bien insérer toute les images dans des div respectives (lors de la requête ajax) définis en css (masqué/afficher) ...

Bien sûr, mais faire cela ne requiert pas du tout de l'ajax.

Ensuite, on fait exactement ce que tu dis sans jamais utiliser de XMLHttpRequest ...

Bref, c'est dynamique, mais ce n'est pas de l'ajax.

... oué c'est dynamique, et sa peut-être de l'ajax aussi ...

dis moi exécuter du script php à travers du javascript c'est pas de l'ajax, sa ? :lol:

ON peut très bien s'amuser à modifier sa page (js) chaque jour si sa t'amuse, mais moi j'opteré 20x plus pour une requête php (ajax) qui va chercher les path des images et autres informations en un clin d'oeil dans sql ou xml.

Et surtout c'est beaucoup plus pratique pour le webmaster, faut s'y mettre à sa place quelque fois .... :lol:

c'est simple tu veux faire du dynamique tu le fais complètement (ajax) pas à moitié ... tu veux faire du statique alors full javascript, moi sa marche comme sa. :lol:



Mateo : oulala en français ??? 8O

ben en gros : ben on parle du beau temps :lol: :lol: :lol:
et de l'utilité de la technologie ajax dans un tel script pour certain ... :twisted: voilà ...

 

[Vap]

dis moi exécuter du script php à travers du javascript c'est pas de l'ajax, sa ? :lol:

Ce que je propose ne nécessite pas de travail du coté serveur.

Mais bon, on saoule peut etre tout le monde ici.

 

[Mateo95]

Oula perso j'suis perdu dans tout vos java script ajax XMLHttpRequest xml etc

Sinon personne se dévoue pour me faire mon menu svp ?

 

[cw-nico]

Oué j'crois qu'on saoule tout le monde ici vap ...

Surtout mateo .... le pauvre je parle de xml, etc ... :

bon moi je suis déjà sur un projet qui demande beaucoup de travail (flash,ajax,xml,php,sql,air et une petite touche de webdesign) donc je ne pourrait pas .... peut-être vap ? :roll:

... mais je te rassure c'est largement réalisable en javascript (même en php) mateo (sans ajax et toute les fioritures) ... quelque petit tuto ... quelque google search ... et surtout de la volonté ... et voilà

 

[Mateo95]

bon moi je suis déjà sur un projet qui demande beaucoup de travail (flash,ajax,xml,php,sql,air et une petite touche de webdesign) donc je ne pourrait pas .... peut-être vap ?

C'est pas pressé

non sinon j'ai cherché des tuto mais il me sorte des galleries photos en javascript c'est pas ça que je recherche :cry:

 

[cw-nico]

mais si faut juste que t'affine tes recherche sur l'ami google toute les sources suivantes je l'ai est trouvé en moins de 10 minutes ^^

j'en est vu des pas mal mais pas testé ...

tien en voilà un ... pour commencer ta piste ... 8)
http://www.javascriptfr.com/infomsg_SYSTEME-NEWS-DEFILANT-BAS-HAUT_947903.aspx
... l'avant dernier message, le code doit-être exploitable je pense ...

Personnellement, avant tout sa, prend des tuto sur les bases du javascript sinon tu n'y comprendra rien
Tien en voilà un aussi
http://sergep.developpez.com/tutoriels/javascript/introduction/

par contre j'ai vu un système intéressant de fondu d'image en javascript ... si sa t'intéresse ... :twisted:

http://www.javascriptfr.com/codes/FONDU-ENCHAINER-ENTRE-PLUSIEURS-IMAGES_38868.aspx

ce qui donne sa :
http://www.3dxmakina.fr/demo/fondu/fondu.html

voilà j'espère que je t'ai donné des bonnes bases pour commencer

 

[Mateo95]

MERCI !

J'vais jeter un coup d'œil pour voir !

A bientôt

 

[Mateo95]

J'ai jeté un œil sur les liens que tu m'as passé mais j'ai pas trouvé mon bonheur par contre sur un autre forum on m'a passé un lien très intéressant ou il y a exactement ce que je recherche !

Voila le lien http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

Le menu de droite m'intéresserais si jamais je pouvais mettre une image et du texte avec un lien renvoyant vers l'article de la news (et changer les couleur du cadre mais je pense que ça c'est possible à faire)

et celui de gauche aussi est intéressant mais il est trop petit et je sais pas si on peut insérer une image par exemple.

Le problème c'est que le site est en anglais et l'anglais et moi on est pas de bon ami et il y a énormément de code, je sais pas lequel prendre j'ai essayé mais ça marche pas.

Si quelqu'un pouvait m'éclaircir ça serait sympa de sa part

Désolé du dérangement

 

[Vap]

Il n'y a pas quatre chemins. Pour faire ce que tu veux, tu devras adapter le code que tu peux trouver sur le net. Pour cela il faut que tu apprenne les bases de javascript. Le plus tôt sera le mieux :wink:

ET les questions que tu te pose (taille, insertion de liens, etc) n'ont rien a voir avvec javascript. Tu devrais pourvoir dimensionner et colorer comme tu veux ces menus en CSS. Mais pour cela il faut que tu commprenne le code javascript qui les manipule. On en revient au premier point.

 

[cw-nico]

Oui Mateo, Vap a raison

A tu regardé le tuto sur la Javascript que je t'ai passé (tout y expliqué 8) ) quoique la y'a pas vraiment besoin de modifier de javascript à ce que j'ai vu , t'a juste besoin de notion de xhtml (basique) et css, c'est à dire éditer du html simple

J'ai jeté un coup d'oeil ... rien de compliquer ... tu suis ce que dit l'article ... c'est à dire copier dans le head puis dans le body les différents bloc de script dans une page vierge, puis copier à la racine de la page les différents fichiers fournit (css,js et l'image de chargement)

puis paramétré comme tu veux ton slide

:idea: Conseil : en css la slide box fait 400px (par défaut, regarde) donc il te suffit de remplacer le contenu de balise <div class="contentdiv"> (->par défaut Content 1,2,3,...) par tes news tout en veillant à ne pas dépasser les 400px sinon faut modifier le valeurs par défaut dans le css.

Voilà dis moi ce qui est compliqué Mateo

... c'est une fonction clé en main et qui est très simple d'utilisation ^^

si tu comprend rien à ce que j'ai dit alors apprend le javascript pour voir comment sa marche et revoit aussi tes notions de css.

en espérant t'avoir guidé un petit peu ...

 

[Mateo95]

Pour cela il faut que tu apprenne les bases de javascript

J'essaye j'essaye

A tu regardé le tuto sur la Javascript que je t'ai passé (tout y expliqué Cool )

Oui mais c'est un peu "dur" (pour moi) j'y vais petit à petit

Merci pour les infos j'essaye de m'attarder dessus pour voir ce que ça donne

A bientôt

 

[Mateo95]

Yo !

Juste pour dire que j'abandonne c'est trop dur pour ma ptite cervelle? tant pis je mettrais pas de menu comme ça sur mon site

Merci à Cw-nico et Vap d'avoir essaye de m'initie à ce langage bizarre


A bientôt