mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 09:43 Benutzername: Passwort: Auto-Login

Thema: JS - zwei Events in eienr Reihenfolge vom 14.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> JS - zwei Events in eienr Reihenfolge
Autor Nachricht
stifler_wob
Threadersteller

Dabei seit: 28.04.2010
Ort: Wolfsburg
Alter: 32
Geschlecht: Männlich
Verfasst Di 14.12.2010 14:12
Titel

JS - zwei Events in eienr Reihenfolge

Antworten mit Zitat Zum Seitenanfang

Hallo liebe Community,
ich habe ein Problem.

Ich habe eine JS Navi mit grafiken versehen. Jeder Menüpunkt hat einen Pfeil, klickt man auf diesen punkt so erscheint ein Submenü. Nun ist der Pfeil vor dem Menüpunkt senkrecht. Nun klickt man wieder auf den Menüpunkt und das Submenü fährt sich ein, der senkrechte Pfeil besteht trotzdem weiterhin.


Die Pfeile wechseln jeweils per onclick.. Ich kann ja mehrere Events mit in den onclick tga des Linkes setzen, die aber werden zeitgleich ausgeführt. Wie schaffe ich es also, dass event 1 bei einem Klick ausgeführt wird & Event zwei bei dem zweiten Klick auf diesen Menüpunkt?

Vielen Dank
Gruß
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 14.12.2010 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Stifler_wob,
Du müsstest schon deinen Code posten, sonst kann Dir ja
keiner helfen....

JS-Framework? Selbst zusammengebasteltes JS? Wie sieht
das HTML aus?

Grüße
zweitaccount
  View user's profile Private Nachricht senden
Anzeige
Anzeige
stifler_wob
Threadersteller

Dabei seit: 28.04.2010
Ort: Wolfsburg
Alter: 32
Geschlecht: Männlich
Verfasst Di 14.12.2010 16:19
Titel

Antworten mit Zitat Zum Seitenanfang

Naja, ich dachte es gibt eine allgemeine Möglichkeit..

Hier der "Kot"


JS
Code:


<script language="JavaScript">
<!--

var bild3 = "images/pfeil2.jpg";
var bild4 = "images/pfeil2_down.jpg";

function Pfeil()
{
 if(document.getElementById('pfeil').src = bild3)
  document.getElementById('pfeil').src = bild4;
else
 document.getElementById('pfeil').src = bild3;

}
function Pfeilback()

{
 if(document.getElementById('pfeil').src = bild3)
  document.getElementById('pfeil').src = bild3;
else
 document.getElementById('pfeil').src = bild3;

}


//-->
</script>


Dazu habe ich noch 2 andere funktionen, die hier aber nicht relevant sind ..


So, nun habe ich einen Link

Code:
 <a onclick="showSubNav(); Pfeil()" href="dies&das.html" target="dahinten"> LINK</a>


Hier soll nun also das Submenü aufgehen..

Ich hab nur EINS, daher haben alle anderen Links das event Pfeilback() bekommen..


Hoffe jemand versteht meine Problematik Lächel
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 14.12.2010 16:55
Titel

Antworten mit Zitat Zum Seitenanfang

Oh, das ist ein sehr - ähm rudimentärer Code. Egal.
Du solltest - imho - den Pfeil direkt in der showSubNav() setzen,
vorzugsweise an der Stelle wo das Submenü geöffnet/geschlossen
wird. Wie auch immer deine showSubNav() aussieht bzw.
das Html dazu.

Übrigens die Funktion Pfeilback() ist etwas sinnlos. Du frägst
ob die Src bild3 ist - und wenn ja, setzt du den src auf bild3,
falls nein setzt du den src auf bild3?? Kannstes ja gleich auf
bild3 setzen.
Code:
function Pfeilback()
{
 if(document.getElementById('pfeil').src = bild3)
  document.getElementById('pfeil').src = bild3;
else
 document.getElementById('pfeil').src = bild3;

}


Zudem müssten beim if sowieso zwei Gleichheitszeichen
stehen, sonst gibt das immer true zurück.
document.getElementById('pfeil').src == bild3

Grüße
zweitaccount

// Achja, ein src-Vergleich kann auch schnell daneben
gehen. Wenn Du mal ein alert(document.getElementById('pfeil').src);
in Pfeil() einbaust siehst Du den Wert der verglichen wird.
Da würde ich an deiner Stelle besser eine Variable setzen:
Code:
function Pfeil()
{
   var myImage = document.getElementById('pfeil');
   if (myImage.isOpen == false)
   {
      myImage.src = bild3;
      myImage.isOpen = true;
      
   } else {
      myImage.src = bild4;
      myImage.isOpen = false;
   }
}


Zuletzt bearbeitet von zweitaccount am Di 14.12.2010 17:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
stifler_wob
Threadersteller

Dabei seit: 28.04.2010
Ort: Wolfsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 15.12.2010 09:36
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank, ich werd es mal probieren : )
  View user's profile Private Nachricht senden
stifler_wob
Threadersteller

Dabei seit: 28.04.2010
Ort: Wolfsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 15.12.2010 14:19
Titel

Antworten mit Zitat Zum Seitenanfang

Ich muss leider noch einmal stören Lächel

Meine Frage:

Ich übergebe mittels der Funktion ein Parameter sobald das Menü aufklappt.


Code:
Quasi Function Xy(menu)


Wie kann ich denn nun meiner anderen function sagen, sobald das Menü aufgeklappt ist, tu das ... ?

Also wie kann ich das Parameter aufnehmen?

Grüße
  View user's profile Private Nachricht senden
 
Ähnliche Themen Suche jemanden zur Erstellung eienr Videopräsentation
Bug bei Mouse-Events in AS3?
Script Events
Frames - Events in asx bzw wmv-Datei
2D-Planungsprogramm Veranstaltungen/Events - Gelände?
Zwei <Forms>, Zwei Checkboxen und ein Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.