Array Punkt ermitteln

**Jooohny** · 04-10-2008 20:54

Hallo Leutz

habe da ein Problem und zwar, habe ich eine schleife da lass ich 30 Bilder aus einen Array ausgeben die Bilder werden in der Größe 150px x150 px ausgegeben mit dem eventhandler Onklick lass ich eine funktion aufrufen ( groß() = die mir dan das Bild was geklickt wurde in der größe 400px x400px ausgeben soll ,hört sich leicht an is es aber nicht habe das ganze mal vorbereitet damit es leichter zu verstehen is hier mal der Code:

PHP-Code:


<!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>



<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";



function groß(){

 document.write('<img width="400px" height="400px" src="'+ bilder[12] +'">'); 

 }

</script>



</head>



<body>

<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ß()" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);

}

</script>

</table>







</body>

</html>

Wie ihr seht gip ich in der function groß() noch selber die array nummer aus nur damit für die die es testen auch gleich was passiert

was ich brauche ich müste irgentwie ermitteln können welches bild man angeklickt hat und die array nummer in einer variablen speichern und die anstelle von bilder[12] schreiben ,hoffe hier is jemand schon so gut

lg:Jooohny

**miniA4kuser** · 04-10-2008 21:46

Nur mal so ne schnelle Idee:
Wie wäre es wenn du deine Funktion um ein x erweiterst?

PHP-Code:


for (var x=0; x<30; x++) {

document.write(tr+td+'<img onclick="groß(x)" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);

}

und diese in deiner funktion groß() auswertest

PHP-Code:


function groß(x){

 document.write('<img width="400px" height="400px" src="'+ bilder[x] +'">'); 

 }

**Jooohny** · 04-10-2008 21:52

negeht nicht zeigt immer ein und das selbe bild an egal auf welches man klickt man weis den niemand ne antwort was los hier is doch javascript forum im ganzen netz bekomme ich keine antwort die geht lernt hier niemand javascript oder was los ?

lg:Jooohny

**miniA4kuser** · 04-10-2008 22:16

Immer locker bleiben bitte...ja?

Wie gesagt war das eben eine schnelle Idee...

Als erstes würde ich die Sonderzeichen aus deinem Quelltext verbannen, folglich sollte aus dem "ß" überall ein "ss" werden (damit manch Browser nicht durcheinander kommt). Danach muss das "x" natürlich richtig eingebunden werden. Daher muss aus

PHP-Code:


onclick="groß(x)"

natürlich

PHP-Code:


onclick="groß('+x+')"

werden.
Ein hinzufügen von alert("x: +x"); in der Funktion gross(x) {...} gibt dir dann sogar aus welcher Wert für x übergeben wurde. So haste ne Kontrolle für deine Fehlersuche...

**Jooohny** · 04-10-2008 22:50

Zitat von miniA4kuser

Immer locker bleiben bitte...ja?

Wie gesagt war das eben eine schnelle Idee...

Als erstes würde ich die Sonderzeichen aus deinem Quelltext verbannen, folglich sollte aus dem "ß" überall ein "ss" werden (damit manch Browser nicht durcheinander kommt). Danach muss das "x" natürlich richtig eingebunden werden. Daher muss aus

PHP-Code:


onclick="groß(x)"

natürlich

PHP-Code:


onclick="groß('+x+')"

werden.
Ein hinzufügen von alert("x: +x"); in der Funktion gross(x) {...} gibt dir dann sogar aus welcher Wert für x übergeben wurde. So haste ne Kontrolle für deine Fehlersuche...

Danke geht

**Jooohny** · 04-10-2008 22:52

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> [/PHP]

Wie kann das sein ?

lg:Jooohny

**miniA4kuser** · 04-10-2008 23:36

Mache bitte nicht zu einem Thema mehrere Threads auf.

Das liegt an deinem verwendetem Befehl. Denn document.write löscht den gesammten Inhalt der aktuell im Browser angezeigten Seite und schreibt diese dann mit den von dir angegebenen Parametern neu. Da diese nicht konform sind lädt sich der Browser tot...

Und bitte lasse die Sonderzeichen aus deinem Quelltext!

Probiere es mal mit diesem Denkanstoss:

PHP-Code:


<!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>Test2</title>



<style type="text/css">

#box1 {

   width : 800px;

   margin : 20px auto;

   border : solid #666666 1px;

   background-color : #CCCCCC;

}

#box2 {

   width : 600px;

   float : left;

}

#box3 {

   width : 160px;

   float : right;

}

</style>



<script language="javascript">

window.onload=makeTable;



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";



<!-- fuer div box 2 -->

function gross(x) {

  document.getElementById("box2").innerHTML = '<img width="400px" height="400px" src="'+ bilder[x] +'">';

}



<!-- zum Tabelle schreiben -->

function makeTable() {

  var myhtml, td, tr, trzu, tdzu;

  myhtml="<table border=\"1\">";

  td="<td height=\"152px\" width=\"152px\"> ";

  tr="<tr>";

  tdzu="</td>";

  trzu="</tr>";



  for (var x=0; x<30; x++) {

    myhtml += tr+td+'<img onclick="gross('+ x +')" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu;

  }

  myhtml += "</table>";

  document.getElementById("box3").innerHTML = myhtml;

}

</script>



</head>



<body>

  <div id="box1">

    <div id="box2"></div>

    <div id="box3"></div>

  </div>

</body>

</html>

Thema: Array Punkt ermitteln

LinkBack

Themen-Optionen

Anzeige

Array Punkt ermitteln

Empfehlenswerte Literatur von unserem Partner Terrashop

AW: Array Punkt ermitteln

AW: Array Punkt ermitteln

AW: Array Punkt ermitteln

AW: Array Punkt ermitteln

Entlose schleife warum

AW: Entlose schleife warum

Ähnliche Themen

Wert in mehrdimensionalem Array ändern

Slideshow-Script mit Zeitänderung und Zufallsmodus

Problem mit einelementigen Arrays

Multidimensionales Array Länge von Elementen ermitteln?

Array teilweise in ein anderes Array kopieren mit bedingung

Lesezeichen

Lesezeichen

Berechtigungen