• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Entlos schleife

Status
Für weitere Antworten geschlossen.
H

Hard-Styler1

Neues Mitglied
Habe das mit den Bilder jetzt,aber wen ich auf eins der kleinen Bilder klicke zeigt er mir zwar das richtige in 400 x400px an aber der rest der seite verschwindet das soll nicht so seine s soll in der div box gezeigt werden und das bild wird zwar gezeigt läd aber entlos ?

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test1</title>

<style type="text/css">

#box1{
width:800px;
margin:20 auto;
border:solid #666666 1px;
background-color:#CCCCCC;
}
#box2 {
width:600px;
float:left;
}
#box3 {
width:160px;
float:right;
}
</style>

<script language="javascript">

var bilder = new Array(30)

bilder [0] = "bilder/bild (1).jpg";
bilder [1] = "bilder/bild (2).jpg";
bilder [2] = "bilder/bild (3).jpg";
bilder [3] = "bilder/bild (4).jpg";
bilder [4] = "bilder/bild (5).jpg";
bilder [5] = "bilder/bild (6).jpg";
bilder [6] = "bilder/bild (7).jpg";
bilder [7] = "bilder/bild (8).jpg";
bilder [8] = "bilder/bild (9).jpg";
bilder [9] = "bilder/bild (10).jpg";
bilder [10] = "bilder/bild (11).jpg";
bilder [11] = "bilder/bild (12).jpg";
bilder [12] = "bilder/bild (13).jpg";
bilder [13] = "bilder/bild (14).jpg";
bilder [14] = "bilder/bild (15).jpg";
bilder [15] = "bilder/bild (16).jpg";
bilder [16] = "bilder/bild (17).jpg";
bilder [17] = "bilder/bild (18).jpg";
bilder [18] = "bilder/bild (19).jpg";
bilder [19] = "bilder/bild (20).jpg";
bilder [20] = "bilder/bild (21).jpg";
bilder [21] = "bilder/bild (22).jpg";
bilder [22] = "bilder/bild (23).jpg";
bilder [23] = "bilder/bild (24).jpg";
bilder [24] = "bilder/bild (25).jpg";
bilder [25] = "bilder/bild (26).jpg";
bilder [26] = "bilder/bild (27).jpg";
bilder [27] = "bilder/bild (28).jpg";
bilder [28] = "bilder/bild (29).jpg";
bilder [29] = "bilder/bild (30).jpg";

</script>

</head>

<body>
<div id="box1">
<div id="box2">
<script language="javascript">
function groß(x){
 document.write('<img width="400px" height="400px" src="'+ bilder[x] +'">'); 
 }
</script>
</div>
<div id="box3">

<table border="1">
<script language="javascript">
var td, tr, trzu, tdzu;
  td="<td height=\"152px\" width=\"152px\"> ";
  tr="<tr>";
  tdzu="</td>";
  trzu="</tr>";
  
for (var x=0; x<30; x++) {
document.write(tr+td+'<img onclick="groß('+ x +')" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);
}

</script>
</table>

</div>
</div>



</body>
</html>

Was kann das sein ?

lg:hardstyler
 
Werbung:
Das liegt am document.write, da wird die seite erzeugt. Um das vergrößerte Bild anzeigen zu lassen, ohne dass die Seite neu geladen wird, brauchst du die Variante, die ich dir im anderen Thread gezeigt habe.
 
Werbung:
Du fügst deine Bilder mit
Code: 
document.write('muh');
in deine Seite ein.

Diese Funktion sorgt aber dafür, dass nur die Sachen auf der Seite erscheinen, die du auch mit ihr eingefügt hast. Damit die Inhalte, die schon auf der Seite sind, auch da bleiben, musst du das DOM (Document Object Model) bearbeiten. Das geht in der Weise, wie ich es dir hier gezeigt habe.

Die vermeindliche Endlosschleife kommt daher, dass ein
Code: 
document.close();
fehlt. Mit dem Schließen des Dokumentes wird dem Browser signalisiert, dass der Aufbau der Seite abgeschlossen ist.
 
Man Thor das is der erste beitrag von dir an mich den ich gut finde respeckt sowas wünsche ich mir fackten sehr gut erklärt so das ich es verstehen kann okay lese mir mal den DOM teil durch denke das ich das diese Nacht noch schafe und hoffentlich morgen dazu was schreiben kann danke man hoffe in Zukunft bekomm ich nur noch so klar erklärte Antworten:D

lg:hardstyler
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben