Beiträge von Sempervivum

Meistens wird so etwas mit Javascript gemacht, aber es geht genau so gut mit PHP. Ich würde folgende Vorgehensweise empfehlen:
Lege ein Array an mit den Parametern coords und Adresse der Seite:

$params = array(
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag1.html"), // 1. Dezember, Index = 0
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag2.html"), // 2. Dezember, Index = 1
	// usw. bis:
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag24.html") // 1. Dezember, Index = 23
);

Dann legst Du die Imagemap mit PHP an und verwendest das richtige Linkziel für den betr. Tag:

for ($i = 0; $i < count($params); $i++) {
	$akttag = $i + 1;
	if ($akttag <= $heute) {
    	$href = $params[i]["href"];
	} else {
    	$href = "zufrueh.html";
	}
	echo '<area shape="poly" coords="' . $params[i]["coords"] . '" href="' . $href . '">' . "\n";
}

Wenn Du das "Zu früh!" lieber als Popup haben möchtest, müsste man dies mit etwas Javascript ergänzen.

Das Verwenden des ++ und -- Operators in Ausdrücken hat so seine Tücken:

variable2 = variable1++;

Der Wert von variable1 wird dem Wert von variable2 zugewiesen und hinterher erhöht. Das erklärt genau deine Probleme.
Bei

variable2 = ++variable1;

Hier wird der Wert vor der Zuweisung erhöht und das müsste deine Probleme lösen.

Das kannst Du mit einem Slider erreichen, der kontinuierliches Sliding und HTML unterstützt, z. B dieser:
http://logicbox.net/jquery/simplyscroll/
oder dieser im Tickermode:
http://bxslider.com/examples/ticker

OK, dann zeig uns doch mal den Code, den Du mit Ajax versucht hast und der nicht funktioniert. Dann können wir wahrscheinlich den Fehler finden.

Die Antwort hast Du schon selbst gegeben: "jquery/ajax". Informiere dich über diese Stichworte, dann wirst Du die Lösung finden.

Ein Nachteil bei der Lösung mit dem iFrame ist, dass Du die Abmessungen angeben musst und sich diese nicht automatisch an den Inhalt anpassen, es sei denn, man programmiert dies umständlich mit Javascript. Das kannst Du vermeiden, wenn Du die Tabelle mit PHP-Include einbindest, dann wird sie immer so dargestellt, wie es die Inhalte erfordern. Außerdem hat das Inkludieren den Vorteil, dass Du in einer getrennten Datei die nackte Tabelle hast, ohne HTML-Grundgerüst, wie Du es, glaube ich, haben wolltest.

Ich glaube, in einem anderen Forum hatte dir jemand geantwortet in dem Sinne, dass es nicht geht. Ich würde es einfach so machen, dass ich ein Element mit dem Pfeil rechts neben dem Eingabefeld anordnen. Wenn Du die Ränder richtig gestaltest, müsste es so aussehen, als ob der Pfeil rechts im Feld wäre.

document.write() ist mir zwar nicht besonders sympatisch, aber lassen wir das mal außen vor.
Das Problem liegt hier:

document.write("<a href='#' onclick='thumb(i);'> <img src='bilder/thumbnails/" + i + "-thumb.jpg' width='320' height='240' alt='Bild1' title='Bild1'></a>");

Du musst dafür sorgen, dass für i die Variable eingesetzt wird, so wie Du es beim img-Tag schon tust:

document.write("<a href='#' onclick='thumb(" + i + ");'> <img src='bilder/thumbnails/" + i + "-thumb.jpg' width='320' height='240' alt='Bild1' title='Bild1'></a>");

Auch in diesem Fall hilft der Debugger weiter: Das Problem liegt nicht beim Ajax, sondern beim Zugriff auf das XML. Davon habe ich zwar keine Ahnung, aber offenbar funktioniert dein Verfahren beim IE nicht. Habe dazu dieses gefunden:
http://stackoverflow.com/questions/8417…parse-xml-in-ie
und getestet und dieses jQuery funktioniert im IE:

titel = $($(antwort).find('bildtitel')[x]).text();

Vergiss nicht, jQuery einzubinden, wenn Du es verwendest.

Informiere dich über Formulare. Du musst dein input-Feld in ein Formular einbetten. In der PHP-Datei, die Du als action angibst, kannst Du dann über $GET oder $POST auf den Wert zugreifen.

"Es produziert das selbe Ergebnis."
Das verstehe ich nicht, bei mir hat es mit dem Titel, der unter dem Bild angezeigt wird, funktioniert. Und ich hatte nichts geändert, außer der Zeile, die ich gepostet habe. Hast Du die XML-Datei auch hochgeladen? Außerdem funktioniert es nur, wenn die Dateien auf einem Webserver liegen. Wenn Du es lokal testet, ist das u. U. nicht der Fall.

"Wie nutze ich den Debugger?"
Der Debugger ist browserspezifisch. Versuche, für deinen Lieblingsbrowser eine Anleitung zu finden.

Das Problem liegt hier:

var titel = antwort.getElementsByTagName("bildtitel")[x];

Damit ermittelst Du das HTML-Element, Du brauchst jedoch den inneren Text:

var titel = antwort.getElementsByTagName("bildtitel")[x].innerHTML;

(Bei den anderen Parametern analog.)
Wenn Du dich weiter mit Javascript befassen willst, solltest Du dich mit dem Debugger deines Browsers vertraut machen, damit findet mal solche Fehler relativ leicht.

Dann poste doch auch mal die XML-Datei, damit man es selber testen kann. Wenige Einträge reichen aus.

Die eigentlichen Fehler liegen hier:

document.getElementById("vorschau").src = "bilder/1.jpg";

Du musst die Bildnummer einfügen:

document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg";

und hier:

onclick="var bildnummer = 4; function thumb();">

"function" benötigst Du, um eine Funktion zu defieren, wenn du sie aufrufen willst, ist es fehl am Platze.

Davon abgesehen geht es auch um einiges einfacher:
Wenn Du den Parameter bildnummer definierst, solltest du ihn auch verwenden und die Variable weglassen:

<script type="text/javascript">
	function thumb(bildnummer) {
    	document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg";
    	document.getElementById("bildtitel").innerHTML = "Dies ist das " + bildnummer + ". Bild ";
    	return false;
	}




</script>

Dann kannst die Funktion gleich mit der richtigen Bildnummer aufrufen:

<img src="bilder/thumbnails/1-thumb.jpg" onclick="thumb(1);" width="320" height="240" alt="Bild1" title="Bild1">

Und die a-href-Tags sind IMO überflüssig:

<div id="thumbnail">
	<img src="bilder/thumbnails/1-thumb.jpg" onclick="thumb(1);" width="320" height="240" alt="Bild1" title="Bild1">
	<img src="bilder/thumbnails/2-thumb.jpg" onclick="thumb(2);" width="320" height="240" alt="Bild1" title="Bild1">
	<img src="bilder/thumbnails/3-thumb.jpg" onclick="thumb(3);" width="320" height="240" alt="Bild1" title="Bild1">
	<img src="bilder/thumbnails/4-thumb.jpg" onclick="thumb(4);" width="320" height="240" alt="Bild1" title="Bild1">
</div>

Du könntest HTML5-video verwenden und warten, bis bei allen Videos das canplaythrough-Event eingetreten ist und sie dann alle starten.
PS: canplaythrough scheint hiernach nicht verwendbar zu sein:
http://www.sitepoint.com/essential-audi…ents-for-html5/
Unter diesem Link wird aber auch beschrieben, wie man es mit progress lösen kann.

Hier hast Du einen Syntaxfehler:

height; 240px;

Du musst das float:left; bei den Thumbnails heraus nehmen und ein white-space: nowrap; bei dem umgebenden div (#thumbnail) hinzufügen.

Wenn ich das richtig sehe, brauchst Du mit der Verkettung durch elseif nur weiterzumachen:

if(empty(trim($_POST['name']))) {




echo " Das Feld des Namen ist leer. ";




}




elseif(strlen($_POST['name']) < 3) {




echo " Der Name darf nicht kürzer als 3 Zeichen sein.";




}




elseif(empty(trim($_POST['new-name']))) {




echo " Das Feld des New-Name ist leer. ";




}




elseif(strlen($_POST['new-name']) < 3) {




echo " Der New-Name darf nicht kürzer als 3 Zeichen sein.";




}

Ich habe früher Scriptly benutzt und bin, weil es nicht mehr weiter entwickelt wird, nach längerer Suche auf MS Webmatrix umgestiegen.
Was mir gefällt:

• Syntax-Highlightung und Code-Vervollständigung
• Zeigt Syntax- und Validierungsfehler bei HTML, JS und PHP an
• Webserver integriert
• kostenlos

Was mir nicht gefällt, aber nicht schwer wiegt:

• Braucht etwas lange zum Starten
• Formatierung für JS funktioniert nicht richtig
• Kein PHP-Debugger

PHP-Designer 8 hört sich auch interessant an, ist nicht teuer und hat eine PHP-Debugger.

OMG, ich hatte das $ vergessen, so wäre es richtig:

$("#ele1id").css({left: ele1left + "px", top: el1top + "px"});

So wie Du es gemacht hast, ist es aber genau so gut. Nur dass man bei jQuery mehrere Attribute mit einem Aufruf ändern kann.

Das macht man i. allg. so (ich gehe mal davon aus, dass Du weißt, wie Du die Positionen berechnen kannst):

$(document).ready(function() {
	var wiwi = $(window).width();
	// hier die Positionen der Elemente berechnen
	var ele1left =
	var ele1top =
	("#ele1id").css({left: ele1left + "px", top: el1top + "px"});
	("#ele2id").css({left: ele2left + "px", top: el2top + "px"});
	// usw.
});

und den Elementen die entspr. ID geben:

<img id="ele1id" src=" ... ">
<img id="ele2id" src=" ... ">