![]() |
Forum SELFHTML: Archives: |
|
|
Le message suivant est de: kameleoon, 17. 06. 2005, 20:45
Je me suis bien cassé la tête pour réaliser une page "test" : http://www.rsaintclair.net/lune.htm
avec du javascript, flash, mp3 etc + un petit formulaire php. Le tout compatible avec tous les navigateurs (?)
et validé par le W3C.
Voici le code source de la page, peut-être que ça pourra vous servir et toutes les remarques "constructives"
sont les bienvenues, merci!
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4
5 <title>Bonsoir la Lune !</title>
6
7 <style type="text/css">
8 /*<![CDATA[*/
9 <!--
10 body {
11 background: fixed no-repeat url("http://www.rsaintclair.net/bll/tl.jpg");
12 background-color : #000000;
13 }
14 -->
15 /*]]>*/
16 </style>
17
18 <script type="text/javascript" src="http://www.rsaintclair.net/bll/dynlib.js"></script>
19 <script type="text/javascript" src="http://www.rsaintclair.net/bll/bouncingimages.js"></script>
20
21 </head>
22
23 <body onLoad="javascript:loadBouncingImages();">
24
25 <form action="xxx" method="get" style="position:absolute;top:560px;left:10px" target="_blank">
26 <select name="xxx" size="1" onchange="location.href=(form.xxx.options[form.xxx.selectedIndex].value)"
27 style="font-family: comic sans ms; color: #FFFFFF; border: outset; font-size: 12; background: #222222">
28 <option value="http://www.rsaintclair.net/lune.htm">Links</option>
29 <option value="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rsaintclair.net%2Flune.htm">Valide W3C</option>
30 <option value="http://tomandjerrythemovie.warnerbros.com">Tom & Jerry #1</option>
31 <option value="http://www.cartoonnetwork.com/games/action/tj/whatsthecatch">Tom & Jerry #2</option>
32 <option value="http://www.tomandjerryonline.com">Tom & Jerry #3</option>
33 <option value="http://www.killfrog.com/newpages/kat.html">Killfrog</option>
34 <option value="http://nssdc.gsfc.nasa.gov/planetary/planets/moonpage.html">The Moon #1</option>
35 <option value="http://tycho.usno.navy.mil/vphase.html">The Moon #2</option>
36 <option value="http://seds.lpl.arizona.edu/nineplanets/nineplanets/luna.html">The Moon #3</option>
37 </select></form>
38
39 <p style="position:absolute;top:1px;left:50px"><object type="application/x-shockwave-flash"
40 data="bonsoir" width="450" height="110" id="bonsoirimage">
41 <param name="movie" value="http://www.rsaintclair.net/bll/bonsoir.swf">
42 <param name="wmode" value="transparent">
43 </object>
44 </p>
45
46 <p style="position:absolute;top:555px;left:910px"><object type="application/x-shockwave-flash"
47 data="bw.swf?son=http://www.rsaintclair.net/bll/cat.mp3" width="25" height="25">
48 <param name="movie"
49 value="http://www.rsaintclair.net/bll/bw.swf?theFile=http://www.rsaintclair.net/bll/cat.mp3&autoplay=no">
50 <param name="wmode" value="transparent">
51 </object>
52 </p>
53
54 <p><a href="http://www.rsaintclair.net/sam.php">
55 <img style="border:0;width:89px;height:89px;position:absolute;top:295px;left:669px"
56 src="http://www.rsaintclair.net/bll/ar.gif" alt="send a message" width="87" height="89"></a>
57 </p>
58
59 <p><img style="border:0;width:29px;height:42px;position:absolute;top:545px;left:950px"
60 src="http://www.rsaintclair.net/bll/je.gif" alt="jerry" width="29" height="42">
61 </p>
62
63 </body>
64 </html>
Le message suivant est de: Patrick Andrieu, 17. 06. 2005, 22:59
http://actuel.fr.selfhtml.org/equipe/patrick.htm
Bonjour!
»» Je me suis bien cassé la tête pour réaliser une page "test" : http://www.rsaintclair.net/lune.htm
»» avec du javascript, flash, mp3 etc + un petit formulaire php. Le tout compatible avec tous les navigateurs (?)
»» et validé par le W3C.
Et bien, si tu aimes bien de casser la tête, il reste HTML Strict et les variantes de XHTML :)
Meilleures salutations de Francfort sur le Main,
Patrick
--
_ au delà du délire _

Le message suivant est de: kameleoon,
kameleoon@hotmail.com, 18. 06. 2005, 00:00
Hello Patrick (from Francfort sur le Main),
En effet ce code peut être facilement modifié pour être aussi validé XHTML mais le problème c'est que, par après, le petit morceau de javascript (l'astronaute) ne fonctionne plus bien...tu pourrais me dire pourquoi?
Sinon, le formulaire php est validé XHTML 1.0 Strict.
Merci et bon week-end
Le message suivant est de: kameloon, 18. 06. 2005, 00:02
Hello Patrick (from Francfort sur le Main),
En effet ce code peut être facilement modifié pour être aussi validé XHTML mais le problème c'est que, par après,
le petit morceau de javascript (l'astronaute) ne fonctionne plus bien...tu pourrais me dire pourquoi?
Sinon, le formulaire php est validé XHTML 1.0 Strict!
Merci et bon week-end
© 1998-2004
selfhtml@fr.selfhtml.org