[GastForen Programmierung/Entwicklung JavaScript Wie schreibe ich dies um das es einfacher ist ein bild später hinzufügen ?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Wie schreibe ich dies um das es einfacher ist ein bild später hinzufügen ?

here4fun
Beiträge gesamt: 47

10. Aug 2004, 12:34
Beitrag # 1 von 3
Bewertung:
(386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JASC : Arrays</title>
<script language="JavaScript">
<!--

// Array für die Bilder

var bilder = new Array(3);
for (var i = 0; i < 3; i++) {
bilder = new Image();
}
bilder[0].src = "bilder/bild01.gif";
bilder[1].src = "bilder/bild02.gif";
bilder[2].src = "bilder/bild03.gif";

// Array für die Besteller

var besteller = new Array();

besteller["Nachname"] = new Array();
besteller["Vorname"] = new Array();

besteller["Nachname"][0] = "Meyer";
besteller["Vorname"][0] = "Sabine";

besteller["Nachname"][1] = "Schulze";
besteller["Vorname"][1] = "Andreas";

besteller["Nachname"][2] = "Raditz";
besteller["Vorname"][2] = "Emanuel";

besteller["Nachname"][3] = "Hoffmann";
besteller["Vorname"][3] = "Marc";

besteller["Nachname"][4] = "Laisi";
besteller["Vorname"][4] = "Lauda";

besteller["Nachname"][5] = "Schumacher";
besteller["Vorname"][5] = "Michael";

// Bilder werden vorwärts getauscht

function tauschen_vor() {
i++;
if(i > 2) i = 0;
document.images[0].src = bilder.src;
zeigen(bilder);
}

// Bilder werden rückwärts getauscht

function tauschen_rueck() {
i--;
if(i < 0) i = 2;
document.images[0].src = bilder.src;
zeigen(bilder);
}

// Zuordnung der Besteller

function zeigen(bilder) {
switch(bilder) {
case bilder[0]:
var anzeige = "1. " + besteller["Vorname"][0] + " " + besteller["Nachname"][0] + "\n\n"
+ "2. " + besteller["Vorname"][1] + " " + besteller["Nachname"][1];
break;
case bilder[1]:
var anzeige = "1. " + besteller["Vorname"][2] + " " + besteller["Nachname"][2];
break;
case bilder[2]:
var anzeige = "1. " + besteller["Vorname"][3] + " " + besteller["Nachname"][3] + "\n\n"
+ "2. " + besteller["Vorname"][4] + " " + besteller["Nachname"][4] + "\n\n"
+ "3. " + besteller["Vorname"][5] + " " + besteller["Nachname"][5];
}
ausgabe(anzeige);
}

// Ausgabe der Besteller

function ausgabe(anzeige) {
alert("Ein Abzug dieses Bildes wird gewünscht von:\n\n" + anzeige);
}
//-->
</script>

</head>
<body><font face="arial" size="-1">
<center>
<h1>JASC Arrays Fotoalbum</h1>
<br><br>
<onLoad="tauschen_vor()">
<img src="./bilder/bild01.gif" width="283" height="184"><br><br>
<a href="#" onClick="tauschen_rueck()">&lt;&lt; zur&uuml;ck</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onClick="tauschen_vor()">vor &gt;&gt;</a>
</font>
</center>
</body>
</html>
X

Wie schreibe ich dies um das es einfacher ist ein bild später hinzufügen ?

oesi50
  
Beiträge gesamt: 2315

10. Aug 2004, 20:46
Beitrag # 2 von 3
Beitrag ID: #102158
Bewertung:
(386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi here4fun,

heute in deutsch :-)

- beliebig viele Bilder
- beliebig viele Besteller
- beliebig viele Bestellungen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JASC : Arrays</title>
<script language="JavaScript"><!--

// Array für die Bilder
var bilder = new Array(3);
for (var i = 0; i < 3; i++) {
bilder = new Image();
}
bilder[0].src = "bilder/bild01.gif";
bilder[1].src = "bilder/bild02.gif";
bilder[2].src = "bilder/bild03.gif";

// Array für die Besteller

var besteller = new Array();

besteller[0] = "Meyer;Sabine";
besteller[1] = "Schulze;Andreas";
besteller[2] = "Raditz;Emanuel";
besteller[3] = "Hoffmann;Marc";
besteller[4] = "Laisi;Lauda";
besteller[5] = "Schumacher;Michael";

var bestellungen = new Array(); // alle Bestellungen
bestellungen[0] = new Array('0', '1'); // Bestellung für Bild0
bestellungen[1] = new Array('2'); // Bestellung für Bild1
bestellungen[2] = new Array('3','4','5'); // Bestellung für Bild2

// Bilder werden vorwärts getauscht
var i = 0;
function tauschen_vor() {
zeigen(i++);
if(i > bilder.length -1) i = 0;
document.images.bild.src = bilder.src;
}

// Bilder werden rückwärts getauscht

function tauschen_rueck() {
zeigen(i--);
if(i < 0) i = bilder.length -1;
document.images.bild.src = bilder.src;
}

// Zuordnung der Besteller

function zeigen(nb) {
var anzeige = '';
var z = 0;
var re = /^(.+);(.+)$/;
for(var b in bestellungen[nb]){
var a = re.exec(besteller[bestellungen[nb]]);
anzeige += ++z + ". " + a[2] + " " + a[1] + "\n";
}
ausgabe(anzeige);
}

// Ausgabe der Besteller

function ausgabe(anzeige) {
alert("Ein Abzug dieses Bildes wird gewünscht von:\n\n" + anzeige);
}
//-->
</script>

</head>
<body><font face="arial" size="-1">
<center>
<h1>JASC Arrays Fotoalbum</h1>
<br><br>
<onLoad="tauschen_vor()">
<img name="bild" src="./bilder/bild01.gif" width="283" height="184"><br><br>
<a href="#" onClick="tauschen_rueck()">&lt;&lt; zur&uuml;ck</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onClick="tauschen_vor()">vor &gt;&gt;</a>
</font>
</center>
</body>
</html>

in allen Browsern ab Version 4

Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)


als Antwort auf: [#102030]
(Dieser Beitrag wurde von oesi50 am 10. Aug 2004, 20:51 geändert)

Wie schreibe ich dies um das es einfacher ist ein bild später hinzufügen ?

here4fun
Beiträge gesamt: 47

11. Aug 2004, 15:13
Beitrag # 3 von 3
Beitrag ID: #102304
Bewertung:
(386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
oesi50!

Danke 1000 mal :)
Thanks a million ;)

MFG
b


als Antwort auf: [#102030]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/