Dynamischer Content per Ajax funktioniert nicht

viperzer · 01.02.2012, 08:59

Guten Morgen

ich hab für ein zukünftigen Preisrechner schon mal das Layout programmiert.
Für den dynamischen Content hab ich diesen Script genommen http://www.ajaxdaddy.com/demo-dynamic-content.html

Diesen Script musste ich etwas bearbeiten damit es durch meine auswahlliste gesteuert werden kann... nur leider funktionierts jetzt nur auf Firefox.
Kann mir jemand bei der Problemsuche helfen? Auf chrome, safari und opera (IE noch nicht getestet) funktionierts nicht.

http://www.schmuggler.com/preisrechner/

mfg
Andi

Connar · 01.02.2012, 09:07

Irgendwie vermisse ich hier ganz schwer die Fragestellung ...
Bitte spezifischer werden und zeigen, was du selber schon gemacht hast.

Auf einen wirklich schnellen Blick würde ich behaupten, dass onclick bei <option> nicht funktioniert. Nimm das onchange-Event vom <select> (musst dann natürlich überprüfen, welches ausgewählt wurde).

MFG Connar

viperzer · 01.02.2012, 09:24

Naja ich kann meine Frage leider nicht spezifischer stellen weil ich selber ahnunglos bin an was es liegen kann das es nur auf Firefox funktioniert.

Im Grunde brauch ich Hilfe bei der Fehler suche...

Onclick ist nicht mal dabei...?
Beim javascript unten hab ich das verändert

Code:

function initAjaxDemo()
{
	articleListObj = document.getElementById('articleList');
	var articles = articleListObj.getElementsByTagName('OPTION');
	for(var no=0;no<articles.length;no++){
		articles[no].onmouseover = mouseoverArticle;
		articles[no].onclick = selectArticle;
	}

von ('LI'); auf ('OPTION');
Die Namen der Ziel-DIV´s hab ich auch verändert was jez wohl nicht sonderlich das Problem sein kann.
Sonst hab ich nichts am Skript verändert. Bei Firefox funktionierts ja

Connar · 01.02.2012, 09:31

Code:

articles[no].onclick = selectArticle;

Das sieht für mich aber sehr nach onclick aus.
Wie viel Verständnis hast du denn von dem Code den du verwendest?

MFG Connar

viperzer · 01.02.2012, 09:35

Oh ich dachte du meinst direkt im <option> Tag .
Bin zwar mit Javascript nicht so gut vertraut aber im Grunde versteh ich den Code.
immerhin hab ich den script auf mein Layout übertragen z.b. das die auswahlliste nicht mit <li> tags beginnt... wo ich welchen divnamen ändern muss etc.

Connar · 01.02.2012, 09:38

Gut, dann sollte es ja eigentlich nicht das größte Problem sein, dass auf onchange umzuschreiben.

MFG Connar

viperzer · 01.02.2012, 09:52

Hmm

) naja ich versteh zwar einige Zeilen für was die sind und die Begriffe dazu aber was eigenes dazuschreiben ist nicht so mein ding ^^

Also ich hab folgendes versucht jetzt

Code:

<select name="auswahlliste" id="articleList" class="styled" onChange="initAjaxDemo()">

und

Code:

articles[no].onchange = selectArticle;

ich glaub ich machs vollkommen falsch ^^

Connar · 01.02.2012, 09:56

Zitat:

Zitat von viperzer

ich glaub ich machs vollkommen falsch ^^

Jap.

Das onchange-Event gibt es nur für das <select> und nicht für <option>. Das heißt du hättest das initAjaxDemo() ruhig dort lassen können wo es war, aber du musst eben etwas in der Art machen:

Code:

articleListObj.onchange = selectArticle;

Und dann deine selectArticle()-Funktion so anpassen, dass sie eben überprüft, welches Element ausgewählt wurde, statt einfach this zu verwenden.

MFG Connar

viperzer · 01.02.2012, 10:04

OK.. ist mir leider zu hoch :/ .
Trotzdem vielen Dank für die Mühe !

Connar · 01.02.2012, 10:05

Ich könnte dir jetzt den Code natürlich hinhauen, aber

1. funktioniert das hier ja so nicht
2. hättest du dann davon nicht viel, weil nichts gelernt

Also wird es wohl das Beste sein, wenn du dich selbst noch weiter mit dem Thema beschäftigst und JavaScript lernst

MFG Connar

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fileupload via AJAX	GSJLink	HTML, Usability und Barrierefreiheit	13	17.05.2012 21:41
Problem mit MVC und Ajax Request, responseText kommt als gesamtes Layout zurück	litterauspirna	PHP Einsteiger	39	30.12.2011 20:12
Ajax und Wartungsmodus	MiBe	JavaScript, Ajax und mehr	8	03.04.2011 21:11
[Erledigt] include funktioniert nicht	M3doXX	PHP Einsteiger	3	09.02.2011 15:37
[Erledigt] Ajax, jQuery - CKEDITOR Fehler bei Instanzierung	jGeee	JavaScript, Ajax und mehr	3	26.03.2010 09:09
Ajax Content Parsen mittels PHP	omex	PHP Tipps 2010	4	24.03.2010 22:07
Ajax, Variablenweitergabe	saduccm	JavaScript, Ajax und mehr	1	08.03.2010 19:50
Ajax Anwendung, reines Ajax oder Ajax und Html	jackie1983	JavaScript, Ajax und mehr	5	09.02.2010 16:50
form action in include datei bei ajax	Jojo_44	JavaScript, Ajax und mehr	17	24.01.2009 18:12
Probleme mit Sonderzeichen bei Ajax (prototype)...	go1denboy	JavaScript, Ajax und mehr	1	31.08.2008 18:44
Javascript in Ajax responseText funktioniert nicht	Plague	PHP Tipps 2007	6	03.07.2007 21:08
Session funktioniert nicht bei session.use_cookies = Off	Quagga	PHP Tipps 2007	13	13.01.2007 18:27
innerHTML funktioniert nicht bei AJAX request	Plague	HTML, Usability und Barrierefreiheit	1	21.12.2006 14:30
Ajax und Sonderzeichen?	GSJLink	HTML, Usability und Barrierefreiheit	1	11.11.2006 14:36
[Erledigt] Sicherstellen von unkomprimiertem Content		PHP-Fortgeschrittene	9	08.12.2004 12:47

01.02.2012, 08:59
viperzer Benutzer Registriert seit: 18.05.2011 Beiträge: 41 PHP-Kenntnisse: Anfänger	Dynamischer Content per Ajax funktioniert nicht Guten Morgen ich hab für ein zukünftigen Preisrechner schon mal das Layout programmiert. Für den dynamischen Content hab ich diesen Script genommen http://www.ajaxdaddy.com/demo-dynamic-content.html Diesen Script musste ich etwas bearbeiten damit es durch meine auswahlliste gesteuert werden kann... nur leider funktionierts jetzt nur auf Firefox. Kann mir jemand bei der Problemsuche helfen? Auf chrome, safari und opera (IE noch nicht getestet) funktionierts nicht. http://www.schmuggler.com/preisrechner/ mfg Andi


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.02.2012, 09:07
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Irgendwie vermisse ich hier ganz schwer die Fragestellung ... Bitte spezifischer werden und zeigen, was du selber schon gemacht hast. Auf einen wirklich schnellen Blick würde ich behaupten, dass onclick bei <option> nicht funktioniert. Nimm das onchange-Event vom <select> (musst dann natürlich überprüfen, welches ausgewählt wurde). MFG Connar

01.02.2012, 09:24
viperzer Benutzer Registriert seit: 18.05.2011 Beiträge: 41 PHP-Kenntnisse: Anfänger	Naja ich kann meine Frage leider nicht spezifischer stellen weil ich selber ahnunglos bin an was es liegen kann das es nur auf Firefox funktioniert. Im Grunde brauch ich Hilfe bei der Fehler suche... Onclick ist nicht mal dabei...? Beim javascript unten hab ich das verändert Code: function initAjaxDemo() { articleListObj = document.getElementById('articleList'); var articles = articleListObj.getElementsByTagName('OPTION'); for(var no=0;no<articles.length;no++){ articles[no].onmouseover = mouseoverArticle; articles[no].onclick = selectArticle; } von ('LI'); auf ('OPTION'); Die Namen der Ziel-DIV´s hab ich auch verändert was jez wohl nicht sonderlich das Problem sein kann. Sonst hab ich nichts am Skript verändert. Bei Firefox funktionierts ja

01.02.2012, 09:31
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Code: articles[no].onclick = selectArticle; Das sieht für mich aber sehr nach onclick aus. Wie viel Verständnis hast du denn von dem Code den du verwendest? MFG Connar

01.02.2012, 09:35
viperzer Benutzer Registriert seit: 18.05.2011 Beiträge: 41 PHP-Kenntnisse: Anfänger	Oh ich dachte du meinst direkt im <option> Tag . Bin zwar mit Javascript nicht so gut vertraut aber im Grunde versteh ich den Code. immerhin hab ich den script auf mein Layout übertragen z.b. das die auswahlliste nicht mit <li> tags beginnt... wo ich welchen divnamen ändern muss etc. Geändert von viperzer (01.02.2012 um 09:38 Uhr).

01.02.2012, 09:38
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Gut, dann sollte es ja eigentlich nicht das größte Problem sein, dass auf onchange umzuschreiben. MFG Connar

01.02.2012, 09:52
viperzer Benutzer Registriert seit: 18.05.2011 Beiträge: 41 PHP-Kenntnisse: Anfänger	Hmm ) naja ich versteh zwar einige Zeilen für was die sind und die Begriffe dazu aber was eigenes dazuschreiben ist nicht so mein ding ^^ Also ich hab folgendes versucht jetzt Code: <select name="auswahlliste" id="articleList" class="styled" onChange="initAjaxDemo()"> und Code: articles[no].onchange = selectArticle; ich glaub ich machs vollkommen falsch ^^

01.02.2012, 10:04
viperzer Benutzer Registriert seit: 18.05.2011 Beiträge: 41 PHP-Kenntnisse: Anfänger	OK.. ist mir leider zu hoch :/ . Trotzdem vielen Dank für die Mühe !

01.02.2012, 10:05
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Ich könnte dir jetzt den Code natürlich hinhauen, aber 1. funktioniert das hier ja so nicht 2. hättest du dann davon nicht viel, weil nichts gelernt Also wird es wohl das Beste sein, wenn du dich selbst noch weiter mit dem Thema beschäftigst und JavaScript lernst MFG Connar