Trotz Eventlistener könne nicht mehrere Funktionen ausgeführt werden

litterauspirna · 26.09.2011, 21:21

Guten Abend,

ich bin mittlerweile grad am verzweifeln.
Ich habe mehrere Javascriptfunktionen die mittels Eventlistener im window.onload Objekt aufgerufen werden. Aber ich kann immer nur die erste Funktion anwenden, dass heißt die, die an erster Stelle steht.

Keine Funktion hat gleiche Variablennamen.

Wie kann ich das machen das alle Funktionen ausgeführt werden können, jenachdem welche gebraucht wird.

Hier mein Code.

Code:

window.onload = function () {

                if(document.addEventListener) {
                    document.getElementById("slider").addEventListener(
                        "mouseover",
                        slider,
                        false
                    );

                    document.getElementById( "zipCode" ).addEventListener(
                        'keyup',
                        setRequestForCitySearch,
                        false
                    );

                    document.getElementById( "zipAndCity" ).addEventListener(
                        'click',
                        selectCity,
                        false
                    );
                } else {
                    // hier kommen die eventlistener für ie rein
                    // mit attachEvent
                }
}

Hier kann ich nur den ersten ausführen. Tausche ich die Listener aus und das zipAndCity steht an erster Stelle dann kann ich die Funktion ausführen aber meinen Slider nicht mehr.

Was mache ich falsch?

Danke für eure Hilfe Mfg der Litter

eagle275 · 27.09.2011, 08:41

da ich derzeit noch sehr wenig von Javascript weiß, kann ich dir nicht sagen, was du falsch machst - auch wenn ich vermute, dass nach Funktionsaufruf das Event wohl "weg ist" ...

Daher : rufe doch anstelle deiner EventListener eine Hilfsfunktion auf, die dann ihrerseits alle deine "alten EventListener" als normale Funktionen aufruft. Du musst denen dann ja "nur noch" das zwischengespeicherte Event mitgeben

litterauspirna · 27.09.2011, 08:59

Du meinst also in jeder JS Datei wo meine bestimmten Funktionen drin sind, noch eine Helper Funktion z.B. loadEventsSlider() und loadEventsAutocomplete();.
Und da drin dann meine Events zu dem bestimmten Javascript listen und die Funktion dann im window.onload Objekt aufrufen ala

Code:

window.onload {
    loadEventsSlider();
    loadEventsAutocomplete();
}

Habe ich dich da in etwas so richtig verstanden?

xm22 · 27.09.2011, 15:45

Kann man sich das irgendwo live anschauen?

nikosch · 27.09.2011, 15:52

1.) Kann es sein, dass die Funktionen noch Parameter benötigen
2.) Liefern die Funktionen vielleicht false zurück (k.A. ob relevant)
3.) Mal die Fehlerkonsole benutzt? Irgendwelche Meldungen?

litterauspirna · 27.09.2011, 15:53

Zitat:

Zitat von xm22

Kann man sich das irgendwo live anschauen?

Nein leider noch nicht das ist alles noch in der offline Entwicklung und geht erst online wenn der Kunde einen Webspace oder VServer hat.
Kann leider nur damit dienen.
Kann auch die ganzen Funktionen etc. hier posten heute Abend, aber das recht viel an Code und ich will ne unbedingt das an dem Code rumdiskutiert wird.
Der funktioniert ja wenn ich das alles schön einzeln aufrufe, nur wie hier im Thread gezeigt geht immer die Funktion die als erstes im Listener steht.

rudygotya · 27.09.2011, 17:08

Zeig uns doch ein reduziertes Beispiel auf jsfiddle.net Evtl fällt dir beim Reduzieren schon der Fehler auf

litterauspirna · 28.09.2011, 08:18

Zitat:

Zitat von rudygotya

Zeig uns doch ein reduziertes Beispiel auf jsfiddle.net Evtl fällt dir beim Reduzieren schon der Fehler auf

Guten Morgen, dass werde ich heute Abend gleich mal machen, dass jsfiddle.net kannte ich noch gar nicht.

litterauspirna · 28.09.2011, 18:23

So nun zu Hause und mal eagle275 sein Tipp probiert so wie ich ih n verstanden habe und das gleiche Ergebnis.

Hier mal meine JS Slider Funktion.

Code:

var sliderWidth = null;
var km = null;
var kmErg = null;
var x = null;
var y = null;

var slider = function (pEvent) {
    pEvent = pEvent || window.event;
    var target = pEvent.target || pEvent.srcElement;
    var posLeft = target.offsetLeft;
    sliderWidth = target.width;
    
    if ( pEvent.pageX && pEvent.pageY ) {
        x = pEvent.pageX;
        y = pEvent.pageY;
    } else {
        x = pEvent.clientX + ( document.body.scrollLeft + document.body.parentNode.scrollLeft );
        y = pEvent.clientY + ( document.body.scrollTop + document.body.parentNode.scrollTop );
    }
    
    xInt = parseInt((x - posLeft));
    
    if(xInt == 199) {
        km = 200;
    } else {
        km = xInt;
    }
    
    kmErg = (km / 2);
    
    document.getElementById("slider").onmousedown = slideRegulatorPosition;
    document.getElementById('slider').onmousemove = slider;
    document.getElementById("slider").onmouseup = filledKmField;
}

var slideRegulatorPosition = function(pEvent) {
    pEvent = pEvent || window.event;
    var target = pEvent.target || pEvent.srcElement;
    var posTop = target.offsetTop;
    var posLeft = target.offsetLeft;
    document.getElementById("slide_regler").style.position = "absolute";
    document.getElementById("slide_regler").style.left = (x) + "px";
    document.getElementById('uk').value = parseInt(kmErg);
//    alert(parseInt(kmErg));
}

var filledKmField = function(pEvent) {
    pEvent = pEvent || window.event;
    var target = pEvent.target || pEvent.srcElement;
//    alert(parseInt(kmErg));
    document.getElementById('uk').value = parseInt(kmErg);
}

function loadSlider(pEvent)
{
    if(document.addEventListener) {
        document.getElementById("slider").addEventListener("mouseover", slider, false);
    } else {
        document.getElementById("slider").attachEvent("onmouseover", slider);
    }
}

Und das ist meine AutoComplete Funktion für Plz City Felder.

Code:

function setRequestForCitySearch () {
    var ajaxRequest = new createXMLHttpRequest();
    var zipValue = document.getElementById( "zipCode" ).value;
    var requestString = "?zip=" + zipValue;
    
    if ( zipValue.length > 2 ) {
    //document.getElementById( "testShow" ).lastChild.nodeValue = zipValue;
    ajaxRequest.onreadystatechange = function () {
        
        if ( this.readyState == 4 && this.status == 200 ) {
            
            if ( zipValue.length > 2 ) {
                document.getElementById( "zipAndCity" ).style.display = "block";
                document.getElementById( "zipAndCity" ).innerHTML = ajaxRequest.responseText;
            } else {
                document.getElementById( "zipAndCity" ).style.display = "none";
                document.getElementById( "cityName" ).value = '';
            }
        }
    }
        
    ajaxRequest.open( "GET", "Classes/readPlzData.php" + requestString );
    ajaxRequest.send( null );
    }
}

/*
*
*    funktion w�hlt datensatz aus den funden aus
*
*/
var selectCity = function ( pEvent ) {
    pEvent = pEvent || window.event;
    var target = pEvent.target || pEvent.srcElement;
    var zipCity = target.lastChild.nodeValue.split( " " )[0];
    var city = target.lastChild.nodeValue.substring( zipCity.length, target.lastChild.nodeValue.length );
    var zipId = target.parentNode.firstChild.nextSibling.lastChild.nodeValue;
    
    document.getElementById( "plzCode" ).value = zipId;
    document.getElementById( "zipCode" ).value = zipCity;
    document.getElementById( "cityName" ).value = city;
    document.getElementById( "zipAndCity" ).style.display = "none";
}

function loadCitySearch(pEvent) {
    if(document.addEventListener) {
        document.getElementById( "zipCode" ).addEventListener('keyup', setRequestForCitySearch, false);
        document.getElementById( "zipAndCity" ).addEventListener('click', selectCity, false);
    } else {
        document.getElementById( "zipCode" ).attachEvent('keyup', setRequestForCitySearch);
        document.getElementById( "zipAndCity" ).attachEvent('click', selectCity);
    }
}

Und so rufe ich das nun im Window.Onload Objekt in der Index im Header auf.

Code:

window.onload = function () {

                loadSlider();
                loadCitySearch();
}

Und es wird wieder nur die erste Funktion ausgeführt die an erster Stelle steht, die andere danach kann ich schon nicht mehr ausführen.

Kann mir das jemand erklären bitte und nen Rat geben wie ich es machen kann das es funktioniert?

Danke euch Gruß Litter

nikosch · 28.09.2011, 18:32

Wieso setzt Du denn in einem Event-Handler andere Events?

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
[Erledigt] UPDATE wird trotz if clause vor SELECT ausgeführt	Slithers	Datenbanken	2	10.06.2009 16:13
[Erledigt] PHP - MySQL Script wird trotz exit ausgeführt		Datenbanken	5	21.01.2006 12:50

26.09.2011, 21:21
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Trotz Eventlistener könne nicht mehrere Funktionen ausgeführt werden Guten Abend, ich bin mittlerweile grad am verzweifeln. Ich habe mehrere Javascriptfunktionen die mittels Eventlistener im window.onload Objekt aufgerufen werden. Aber ich kann immer nur die erste Funktion anwenden, dass heißt die, die an erster Stelle steht. Keine Funktion hat gleiche Variablennamen. Wie kann ich das machen das alle Funktionen ausgeführt werden können, jenachdem welche gebraucht wird. Hier mein Code. Code: window.onload = function () { if(document.addEventListener) { document.getElementById("slider").addEventListener( "mouseover", slider, false ); document.getElementById( "zipCode" ).addEventListener( 'keyup', setRequestForCitySearch, false ); document.getElementById( "zipAndCity" ).addEventListener( 'click', selectCity, false ); } else { // hier kommen die eventlistener für ie rein // mit attachEvent } } Hier kann ich nur den ersten ausführen. Tausche ich die Listener aus und das zipAndCity steht an erster Stelle dann kann ich die Funktion ausführen aber meinen Slider nicht mehr. Was mache ich falsch? Danke für eure Hilfe Mfg der Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


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

27.09.2011, 08:41
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	da ich derzeit noch sehr wenig von Javascript weiß, kann ich dir nicht sagen, was du falsch machst - auch wenn ich vermute, dass nach Funktionsaufruf das Event wohl "weg ist" ... Daher : rufe doch anstelle deiner EventListener eine Hilfsfunktion auf, die dann ihrerseits alle deine "alten EventListener" als normale Funktionen aufruft. Du musst denen dann ja "nur noch" das zwischengespeicherte Event mitgeben __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

27.09.2011, 08:59
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Du meinst also in jeder JS Datei wo meine bestimmten Funktionen drin sind, noch eine Helper Funktion z.B. loadEventsSlider() und loadEventsAutocomplete();. Und da drin dann meine Events zu dem bestimmten Javascript listen und die Funktion dann im window.onload Objekt aufrufen ala Code: window.onload { loadEventsSlider(); loadEventsAutocomplete(); } Habe ich dich da in etwas so richtig verstanden? __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

27.09.2011, 15:45
xm22 Erfahrener Benutzer Registriert seit: 30.07.2008 Beiträge: 1.167 PHP-Kenntnisse: Fortgeschritten	Kann man sich das irgendwo live anschauen?

27.09.2011, 15:52
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	1.) Kann es sein, dass die Funktionen noch Parameter benötigen 2.) Liefern die Funktionen vielleicht false zurück (k.A. ob relevant) 3.) Mal die Fehlerkonsole benutzt? Irgendwelche Meldungen? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

27.09.2011, 17:08
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Zeig uns doch ein reduziertes Beispiel auf jsfiddle.net Evtl fällt dir beim Reduzieren schon der Fehler auf __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

28.09.2011, 18:32
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wieso setzt Du denn in einem Event-Handler andere Events? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --