| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
mubs
Fidèle
Inscrit le: 29 Mai 2006
Messages: 1547
Localisation: Belgique
|
 Posté le: 06 Nov 2006 13:51 Sujet du message: xhtml, css et js |
 |
|
Viens par ici Gounlaf 
Sérieusement, je suis en train de pondre un mini-site en xhtml, un truc un peu étrange mais passons (NB: il devrait être standard).
Le problème est le suivant j'amerais que le visiteur comprenne que le site est en chargement (l'upload de mon herbergeur est faible et bcp d'images), je me dit que cela doit être possible avec un petit java script qui afficherai un message d'attente ("chargment patientez SVP").
Là ou cela se corse c'est que les images sont indiquées au navigateur via le CSS de la page et non via le code Xhtml (background-image)... 
C'est possible de faire un JS qui comprendra que tout est prés pour l'affichage ?
_________________
badge insolent des badges artistiques |
|
| Revenir en haut de page |
|
 |
ShadowKris
VIP
Inscrit le: 27 Sep 2004
Messages: 2301
|
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36653
Localisation: Rhône-Alpes
|
| Posté le: 06 Nov 2006 16:26 Sujet du message: |
|
|
Voui Shadow, tu as raison, mais ce serait intéressant d'avoir quand même la réponse après !
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
Gounlaf
Accro
Inscrit le: 26 Juin 2004
Messages: 7127
Localisation: http://peet.fr
|
| Posté le: 06 Nov 2006 17:29 Sujet du message: |
|
|
Intérêt ? 0
Soit t'attend avec un magnifique message ... et ca prend 10 plombe.
Soit t'attend, et tu voit les images au fur et a mesure ... et ca prend 10 plombe.
Passons ... c'est faisable, du moins il me semble, (mais comme l'a dit Shadowkris, direction 2037)
Sinon, background-image ... là, tu me fait peur. T'as fait une gallerie photo avec des background-image partout, où c'est ton diz qui est lourd ? xD
_________________
Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
Au Badge Insolent V2 encore plus mieux ! |
|
| Revenir en haut de page |
|
|
mubs
Fidèle
Inscrit le: 29 Mai 2006
Messages: 1547
Localisation: Belgique
|
| Posté le: 06 Nov 2006 17:43 Sujet du message: |
|
|
XHTML
| Code: | <div id="acceuil">
<div id="menu">
<h2>Navigation</h2>
<ul>
<li id="creation"><a href="/" title="Découvrir mes travaux"><span>Accueil</span></a></li>
<li id="liens"><a href="/tutoriels/" title="Voyager sur la toile"><span>Tutoriels</span></a></li>
<li id="presentation"><a href="/galerie" title="le moi d'un engocentrisme profond"><span>Galerie</span></a></li>
<li id="contact"><a href="/liens" tabindex="208" title="Contactez moi"><span>Liens</span></a></li>
</ul>
</div> |
CSS
| Code: |
#acceuil {width:800px; height:600px; background:url(images/accueil.png);}
#menu h2,#menu span { display: none; }
#menu ul { list-style: none; }
#menu ul {
position: absolute;
margin: 0; padding: 0;
top:200px ; left: 230px;
width: 280px; height: 220px;
}
#menu ul li { height: 1px; } /* Sans cela,les liens ne sont plus clicables */
#menu ul li a { display: block; }
#menu ul li#creation a { width: 90px; height: 40px; background-image:url(images/Mcreation.png) ; margin-top: 1px; margin-left: 5px; }
#menu ul li#liens a { width: 65px; height: 40px; background-image:url(images/Mliens.png); margin-top: 0px; margin-left: 220px; }
#menu ul li#presentation a { width: 170px; height: 40px; background-image:url(images/Mpresentation.png); margin-top: 49px; margin-left: 10px; }
#menu ul li#contact a { width: 100px; height: 40px; background-image:url(images/Mcontact.png); margin-top: 5px; margin-left: 235px; }
/* rollover */
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active { background-position: 0 40px; } |
Pas d'inquiètude à avoir, je ne pense pas que la manoeuvre sois illégale ni même étrange. L'intérêt de ce JS : le visiteur ne crois pas être tombé sur une page vide !!!
(je par m'inscrire sur 2037, enfin demain  )
_________________
badge insolent des badges artistiques |
|
| Revenir en haut de page |
|
|
Spy-Seth
VIP
Inscrit le: 10 Déc 2004
Messages: 5220
Localisation: Montpellier (France)
|
| Posté le: 06 Nov 2006 18:06 Sujet du message: |
|
|
Il y a des dizaines de script qui font ça sur la toile  et il marche plus ou moins bien ^^ après faut tester 
_________________
web-boras.net |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36653
Localisation: Rhône-Alpes
|
| Posté le: 06 Nov 2006 18:59 Sujet du message: |
|
|
Avoir un petit truc à se mettre sous la dent pendant que ça charge, c'est quand même intéressant, non ? Et moins déprimant que cette satanée barre d'avancement qui se prend pour un escargot...
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
mubs
Fidèle
Inscrit le: 29 Mai 2006
Messages: 1547
Localisation: Belgique
|
| Posté le: 06 Nov 2006 19:09 Sujet du message: |
|
|
oui, c'est cela qu'il me faut
_________________
badge insolent des badges artistiques |
|
| Revenir en haut de page |
|
|
Bremen
Insatiable
Inscrit le: 26 Fév 2004
Messages: 3510
Localisation: Mouans-Sartoux / > Montpellier
|
|
| Revenir en haut de page |
|
|
Aurao
Adepte
Inscrit le: 18 Juin 2006
Messages: 907
Localisation: Derrière toi !
|
| Posté le: 06 Nov 2006 20:05 Sujet du message: |
|
|
ou fait une progress bar en flash (pourquoi faire simple quand on peut faire compliqué ? xD enfin je dis ça parce que ça fait un moment que je me tue pour en faire une sans résultat  )
_________________
Comme on dit au burkinafaso : qui avale une noix de coco, fait confiance à son anus ! |
|
| Revenir en haut de page |
|
|
Gounlaf
Accro
Inscrit le: 26 Juin 2004
Messages: 7127
Localisation: http://peet.fr
|
| Posté le: 06 Nov 2006 20:07 Sujet du message: |
|
|
Je m'était renseigné la dessus une fois ... seulement, un bar de pogression en flash, sert uniquement pour voir le chargement d'une anim flash (enfin, un .swf quoi)
Et pas ... a charger une page html/php/...
_________________
Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
Au Badge Insolent V2 encore plus mieux ! |
|
| Revenir en haut de page |
|
|
Le Piaf Fou
VIP
Inscrit le: 10 Jan 2005
Messages: 3878
Localisation: Lyon
|
| Posté le: 06 Nov 2006 20:08 Sujet du message: |
|
|
J'espère que c'est une blague parce que sinon tu n'as pas peur des guêpes Aurao 
_________________
\_o< Galerie DA >o_/ |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36653
Localisation: Rhône-Alpes
|
| Posté le: 06 Nov 2006 20:16 Sujet du message: |
|
|
A défaut de dard, il va se contenter du fouet : 
Non mais, une barre de progression en flash, vraiment ! Et pourquoi pas des smileys aussi ! 
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
Gounlaf
Accro
Inscrit le: 26 Juin 2004
Messages: 7127
Localisation: http://peet.fr
|
|
| Revenir en haut de page |
|
|
Bremen
Insatiable
Inscrit le: 26 Fév 2004
Messages: 3510
Localisation: Mouans-Sartoux / > Montpellier
|
|
| Revenir en haut de page |
|
|
|
