Dominique: Javascript-Schachbrett - Figuren nicht richtig erzeugt

Beitrag lesen

Ahoi Dominique,

Vielleicht nochmal der Header - der wohl das Problem ist:

ich wollte das ganze jetzt mal mir anschaun, kann es sein das da was
fehlt? hab das JS und das CSS file geholt aber irgendwie baut er bei mir
das schachbrett garnicht auf.

MfG

Das liegt wahrscheinlich daran, dass die entsprechenden Divs, die positioniert werden müssen (brett, figuren - felder werden dynamisch erzeugt) im Body untergebracht sind. Voilà:

<div id="schach" >
<div id="brett" >
<noscript>Strategien des Schweigens.
Trop loin de garder son territoire.
Faire de sa memoire un grand palais
sans empire.</noscript>
</div>

<div id="wB1" class="figur" style="color:#c66">B</div>
<div id="wB2" class="figur" style="color:#c66">B</div>
<div id="wB3" class="figur" style="color:#c66">B</div>
<div id="wB4" class="figur" style="color:#c66">B</div>
<div id="wB5" class="figur" style="color:#c66">B</div>

<div id="wB6" class="figur" style="color:#c66">B</div>
<div id="wB7" class="figur" style="color:#c66">B</div>
<div id="wB8" class="figur" style="color:#c66">B</div>
<div id="wT1" class="figur" style="color:#c66">T</div>
<div id="wT2" class="figur" style="color:#c66">T</div>
<div id="wS1" class="figur" style="color:#c66">S</div>
<div id="wS2" class="figur" style="color:#c66">S</div>
<div id="wL1" class="figur" style="color:#c66">L</div>
<div id="wL2" class="figur" style="color:#c66">L</div>

<div id="wD" class="figur" style="color:#c66">D</div>
<div id="wK" class="figur" style="color:#c66">K</div>
<div id="bB1" class="figur" style="color:#555">B</div>
<div id="bB2" class="figur" style="color:#555">B</div>
<div id="bB3" class="figur" style="color:#555">B</div>
<div id="bB4" class="figur" style="color:#555">B</div>
<div id="bB5" class="figur" style="color:#555">B</div>
<div id="bB6" class="figur" style="color:#555">B</div>
<div id="bB7" class="figur" style="color:#555">B</div>

<div id="bB8" class="figur" style="color:#555">B</div>
<div id="bT1" class="figur" style="color:#555">T</div>
<div id="bT2" class="figur" style="color:#555">T</div>
<div id="bS1" class="figur" style="color:#555">S</div>
<div id="bS2" class="figur" style="color:#555">S</div>
<div id="bL1" class="figur" style="color:#555">L</div>
<div id="bL2" class="figur" style="color:#555">L</div>
<div id="bD" class="figur" style="color:#555">D</div>
<div id="bK" class="figur" style="color:#555">K</div>

<div style="position:absolute; top:350px;left:20px;font-size:0.7em">
<a href="javascript: run(0)">start</a>
<a href="javascript: zurueck()">zur&uuml;ck</a>
<a href="javascript: vor()">vor</a>
<a href="javascript: run(84)">fin</a>
</div>
</div>

(#schachbrett ist relativ positioniert, um für die anderen absolut positionierten Divs den Orientierungsrahmen zu geben)

Hier übrigens nocmal die Url des einzelnen Artikels, falls der von der Startseite verschwindet: http://goncourt.net/Blog/article/784/