PDA

Voir la version complète : [Dev Web] Comment créer un menu de news "importantes" ?



eMKa
10/12/2010, 00h29
Bonsoir,

Voilà je débute en HTML/CSS/Java, mais j'aimerai créer pour un site le même type de menu déroulant (horizontal) de news que ceux que l'on peut voir ici par exemples : Vossey (http://www.vossey.com), GK (http://www.gamekult.com/) (mais en plus simple : juste des chiffres et des images au-dessus qui défilent) (et ok les exemples sont moches :p)

Je ne trouve pas de tuto pratique, j'aurai aimé savoir si c'était compliqué ou non :sad:B)? Et si "non", comment pourrais-je m'y prendre ? :wub:

Merci d'avance

Cordialement,

eMKa

DaP
10/12/2010, 20h49
Au niveau du HTML lui-même ça ne doit pas être compliqué, je suppose que ce qui prendrait le plus de temps c'est de générer ça dynamiquement et de le rafraîchir en AJAX si tu un genre de slideshow.
Tu utilises quoi du côté serveur ?

Edit : en fait c'est quel aspect qui te pose problème ? J'imagine que c'est le défilement horizontal. Si c'est le cas : tu connais Javascript ? Tu connais une bibliothèque comme JQuery ?

deathdigger
14/12/2010, 18h39
En javascript tout simplement ;)
Je te donne un exemple tout à l'heure si ça t'intéresse ;)

EDIT :
ça donne ça fait à l'arrache :
http://deathdigger.free.fr/menudynamique.php



<HTML>
<HEAD>
<SCRIPT TYPE='text/javascript'>
function writediv(texte,div)
{
document.getElementById(div).innerHTML = texte;
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject('MSXML2.XMLHTTP.3.0');
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
function affichernews(id)
{
texte = file('menu2.php?id='+escape(id));
writediv(texte,'divimportant');
}
</script>
</HEAD>
<BODY onLoad="affichernews('1')">
<DIV id='divimportant' STYLE='border-style : dotted'></DIV>
<a href='#' onClick="affichernews('1')">1</a>&nbsp;
<a href='#' onClick="affichernews('2')">2</a>&nbsp;
<a href='#' onClick="affichernews('3')">3</a>&nbsp;
<a href='#' onClick="affichernews('4')">4</a>&nbsp;


</BODY></HTML>

La fonction js "affichernews" va récupérer la page 'menu2.php' via la première fonction (xmlhttprequest) et va l'afficher dans la div (grâce à la fonction writediv).

eMKa
16/12/2010, 03h47
Je vais regarder ça :)

Merci à vous ;)

Skiant
23/12/2010, 04h08
Pas bien la nécro, mais je passe pas souvent par ici.
Donc pour ton slideshow, si t'as vraiment pas envie de te fouler (et tu aurais amplement raison) : Jquery (http://jquery.com/)+ l'un des inombrables plugins dit "Carousel" comme celui-ci (http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm) ou celui-là (http://sorgalla.com/projects/jcarousel/), selon ce qui correspond le mieux à tes besoins.

Et détail : Java != Javascript.