Nein, habe ich nicht.
War eigentlich nur gedacht als Experiment für meinen Lernprozess.
Ich fürchte, dass ich mich hierfür noch in...... PHP?!?........einarbeiten sollte?
Grüße,
Michael
Beiträge von mentle
-
-
Hallo zusammen!
kanufrosch: Danke für den Hinweis mit den BB Tags, werde ich in Zukunft beherzigen:
Sempervivum: Herzlichen Dank, das war die Lösung meiner Probleme.
Ich glaube, ich habe jetzt auch das Thema mit den Parametern bei Funktionen verstanden
Hallo nochmals,
und wieder mal stehe ich vor einem Problem.
Ich habe die Bildergalerie soweit geschrieben.
Hier der Code für die Thumbnails:HTML
Alles anzeigen<div id="thumbnail"> <a href="#" onclick="thumb(1);"> <img src="bilder/thumbnails/1-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a> <a href="#" onclick="thumb(2);"> <img src="bilder/thumbnails/2-thumb.jpg" width="320" height="240" alt="Bild1"></a> <a href="#" onclick="thumb(3);"> <img src="bilder/thumbnails/3-thumb.jpg" width="320" height="240" alt="Bild1"></a> <a href="#" onclick="thumb(4);"> <img src="bilder/thumbnails/4-thumb.jpg" width="320" height="240" alt="Bild1"></a>Hier das große Bild:
HTML<div id="bildgross"><a href="#" onclick="vollbild(); return false;"> <img src="bilder/1.jpg" alt="Bild1" title="Zum Vergrößern bitte anklicken" id="vorschau"></a></div><div id="sidebar"><p id="bildtitel">Ruderboot am Steg</p><br><p id="lang">Länge: 30 cm</p><p id="breit">Breite: 60 cm</p><p id="rahmen">gerahmt: ja</p><p id="preis">Preis: 69 €</p><p id="bildnr">Bildnummer: 0</p></div>Das Klicken auf ein Bild startet die Funktion Thumb und übergibt den jeweiligen Zahlenparameter (Bildnummer).
Hier die Funktion Thumb:
JavaScript<script type="text/javascript"> function thumb(x) { document.getElementById("vorschau").src = "bilder/" + x + ".jpg"; var req = new XMLHttpRequest(); req.open("get", "bilderdatenbank.xml", true); req.onreadystatechange = function(e) { ausgeben(e, x); }; req.send(); return false; }</script>Beim Klicken auf den jew. Thumbnail soll nicht nur das jew. Bild in "Groß" erscheinen, sondern rechts daneben auch verschiedene Daten, die aus einer XML Datei kommen sollen.
JavaScriptfunction ausgeben(e, x) { if(e.target.readyState == 4 && e.target.status == 200) { var antwort = e.target.responseXML; var nummer = antwort.getElementsByTagName("bildnr")[x]; var titel = antwort.getElementsByTagName("bildtitel")[x]; var laenge = antwort.getElementsByTagName("laenge")[x]; var breite = antwort.getElementsByTagName("breite")[x]; var frame = antwort.getElementsByTagName("rahmen")[x]; var price = antwort.getElementsByTagName("preis")[x]; document.getElementById("bildtitel").firstChild.nodeValue = titel; document.getElementById("lang").firstChild.nodeValue = "Länge: " + laenge; document.getElementById("breit").firstChild.nodeValue = "Breite: " + breite; document.getElementById("rahmen").firstChild.nodeValue = "gerahmt: " + frame; document.getElementById("preis").firstChild.nodeValue = "Preis: " + price + "€"; document.getElementById("bildnr").firstChild.nodeValue = x; } }Fehlerbeschreibung:
Beim Anklicken der jew. Thumbnails wird zwar das große Bild geladen, der jeweils dazu passende Text aus der XML Datei jedoch nicht. Es steht immer der Text da, der beim Laden der Seite initial dort platziert wurde.
Ich bekomme jedoch keine Fehlermeldung. Ich habe auch schon eine Fehlersuche-Funktion eingebaut (window.onerror = ......), jedoch liefert mir diese auch keinen Fehler.
Die XML Datei ist validiert und enthält keine Fehler.Was mache ich falsch?
Grüße,
Michael -
Hallo,
ich programmiere (oder versuche es zumindest) eine Bildergalerie. Es gibt eine Thumbnailvorschau, wenn man eines der Tumb´s anklickt, soll es darunter in groß erscheinen und daneben eine Beschreibung zum Bild.
Dafür habe ich folgende Funktion geschrieben:<script type="text/javascript">
var bildnummer;
function thumb(bildnummer) {
document.getElementById("vorschau").src = "bilder/1.jpg";
document.getElementById("bildtitel").innerHTML = "Dies ist das " + bildnummer + ". Bild ";
return false;
}
</script>Das HTML dazu hier:
<nav id="thumbnav">
<div id="thumbnail">
<a href="#" onclick="var bildnummer = 1;
function thumb();">
<img src="bilder/thumbnails/1-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a><a href="#" onclick="var bildnummer = 2;
function thumb();">
<img src="bilder/thumbnails/2-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild2"></a><a href="#" onclick="var bildnummer = 3;
function thumb();">
<img src="bilder/thumbnails/3-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild3"></a><a href="#" onclick="var bildnummer = 4;
function thumb();">
<img src="bilder/thumbnails/4-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild4"></a></div>
</nav><div id="bilderanzeige">
<div id="bildgross">
<figure>
<a href="#" onclick="vollbild(); return false;">
<img src="bilder/1.jpg" alt="Bild1" title="Zum Vergrößern bitte anklicken" id="vorschau"></a>
</figure>
</div>
<div id="sidebar">
<p id="bildtitel">Dies ist das 1. Bild</p></div>
<div style="clear:both;"></div>
</div>Es funktioniert nur leider nicht. Wo liegt mein Fehler? Reiner Syntax Fehler oder ein Logikfehler?
Danke schon mal für die Hilfe,
Grüße,
Michael -
Klasse,
vielen Dank für die Antworten. -
Hallo liebes Forum,
ich experimentiere mit einer Passwortabfrage. Beim Drücken von "Abbruch" soll die Schleife verlassen werden und wegen mir "Programmabbruch" ausgegeben werden. Mein Code:
<script type="text/javascript">
var versuche = 0;
var rest, code, eingabe;do
{
versuche++;
rest = 4 - versuche;
eingabe = prompt("Bitte PIN eingeben\nSie haben noch " + rest + " Versuche");
if(eingabe == 3365)
alert("Sie haben Zugang");
else if(eingabe == null)
break;
else
alert("Zugang verweigert");
}
while(versuche < 3 && eingabe != 3365);
if(versuche = 3 && eingabe != 3365)
alert("Sie haben die maximale Anzahl an Versuchen erreicht");
else if(versuche <= 3 && eingabe == null)
alert("Programmabbruch");
else
alert("Viel Spaß");
</script>Beim Drücken von "Abbrechen" stellt sich nicht das Gewünschte ein. Was mache ich falsch?
Grüße,
Michael
-
aaaaaah, so einfach. Trotzdem zu blöd gewesen!
Herzlichen Dank!
War sicher nicht das letzte Problem, mit dem ich Euch hier nerve
Grüße,
Michael -
Guten Tag allerseits,
ich habe folgendes Problem:
Für eine Bildergalerie möchte ich im oberen Drittel der Seite eine Horizontale Vorschau der Bilder (Thumbnails). Der Rahmen dieser Vorschau soll ca. 90% der Bildschirmbreite einnehmen. Es soll möglich sein, bei Überlauf horizontal weiterzuscrollen.Aber: ICH KRIEGS NICHT HIN!!!
Hier mal mein Code:
<nav>
<div id="thumbnail">
<a href="#bild1"><img src="bilder/thumbnails/1-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1" /></a>
<a href="#bild2"><img src="bilder/thumbnails/2-thumb.jpg" width="320" height="240"alt="Bild1" /></a>
<a href="#bild3"><img src="bilder/thumbnails/3-thumb.jpg" width="320" height="240"alt="Bild1" /></a>
<a href="#bild4"><img src="bilder/thumbnails/4-thumb.jpg" width="320" height="240"alt="Bild1" /></a>
<a href="#bild5"><img src="bilder/thumbnails/5-thumb.jpg" width="320" height="240"alt="Bild1" /></a>
</div>
</nav>Der Style dazu:
#thumbnail {
border: 5px solid green;
margin: 0px;
padding: 0px;
width: 1200px; /*Nur zum Test, könnte auch 90% heißen */
height: 300px;
background-color: black;
overflow-x: scroll;
}
#thumbnail a {
color: white;
background-color: black;
}
#thumbnail img {
float: left;
width: 320px;
height; 240px;
overflow: auto;
}Was mache ich falsch?
Viele Grüße,
Michael