Mehrere Fragen rund um HTML

[Getti]

Habe mir mal schnell eine kleine Test Seite mit Ajax Funktion zusammen gebaut und würde mich freuen wenn ihr sie euch ansehen könntet da manches noch nicht richtig rund läuft.

1) Ich möchte das beim aufrufen der index.html bereits die datei1.html im "Ausgabe" div angezeigt wird.

2) Oben rechts (über den grünen) Links soll ein Mp3 Player mit Play, Pause und Lautstärkeregler (Playlist brauche ich erst mal nicht) eingeblendet werden.
Könnt ihr mir einen guten empfehlen bei dem ich die frei konfigurieren kann (Farbschema, Größe, Automatischer Start)?

3) Wie kriege ich mouseover effekte für die grünen Links hin? Ich weiß das ich drei Grafiken pro Button brauche und es mit Javascript geht doch der Effekt bleibt bisher aus. Entweder geht nur mouseover oder Ajax.

4) Soll ich die Werte Variabel (in %) oder fest vergeben?

Sagt mir nicht das alles scheiße ist. Sagt mir wie ich es besser machen kann.

Hier der Link zum Download aller Dateien: Klick mich (http://rapidshare.com/files/438688474/Test.rar)

/Edit hab es jetzt mal auf Ohost hochgeladen.
Frankyfranky.ohost.de (http://frankyfranky.fr.ohost.de/index.html)

Ach kommt schon ich weiß das ihr das könnt *push*

[DonaldDrug]

hi, beschäftige mich auch erst seid kurzem mit ajax, deswegen kann ich dir jetzt nicht genau helfen, zu punkt 1 denk ich das du in der if(http != null) einfach nen else teil dranhängen musst wo dann deine standard datei geladen wird. ansonsten hab ich vor ein paar tagen mithilfe eines tutorials sowas ähnliches gebastelt. das tut was ich mir dabei angesehen hab findest du hier (http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/). <-- Ich aber halte die lösung die da geboten wird für nicht so toll, weil halt alle 3 ms geprüft wird ob was passiert... auf dauer performance lastig

[trixx3r]

line für den player wär die hier (kannste den auch versteckt starten und dein eigenen player design machen ;))


<object id="MediaPlayer1" width="320" height="304" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject">
<param name="URL" value="http://24.249.116.4:8130" />
<param name="ShowControls" value="0">
<embed src="http://24.249.116.4:8130" height="304" width="320" border="0" type="application/x-mplayer2"/></embed>


zu 3 kannste das so machen


<img src="img/bilder/nav01.png" width="16,9%" height="29"
onmouseover="this.src='img/bilder/nav01_over.png'" <--- over effekt
onmouseout="this.src='img/bilder/nav01.png'" <--- wieder auf normal pic />