[GastForen Programmierung/Entwicklung JavaScript Bild in anderem Frame ändern

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bild in anderem Frame ändern

supertoll
Beiträge gesamt: 43

9. Mai 2003, 08:01
Beitrag # 1 von 3
Bewertung:
(695 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Leute

Folgende Frage:

-Ich habe ein 2-Frame-HTML (Navigation und Hauptinhalt).
-Die Navigationspunkte sind Rollover-Bilder.
-Ich will, dass wenn ich zum Beispiel "home" klicke, dieses auch im Over-Status bleibt, damit der User sieht, wo er sich auf der Site befindet.

Ich weiss, dass es ein ganz simples Script geben muss das wohl irgendwie lautet: If frame "mainframe" content:home.html change image home.gif->home_over.gif, frame "navigation" navigation.html.

Irgendwie so.

Wer kennt mein Problem und hat ne Lösung parat?

Merci und Gruss

Rafael
X

Bild in anderem Frame ändern

exquisitus
Beiträge gesamt: 247

9. Mai 2003, 19:05
Beitrag # 2 von 3
Beitrag ID: #34598
Bewertung:
(695 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo Rafael

hab das jeweils wie folgt gelöst:

im navigations frame hat es eine JS funktion welche ein navigations item auf "selected" setzt.
jede seite die ins inhalts frame geladen wird ruft im onload handler diese funktion auf und übergibt einen parameter welcher das navigations item identifiziert und setzt.
die idee dabei ist dass sich jede inhaltseite bei der navigation "registriert". so ist immer sichergestellt dass die navigation richtig eingestellt ist.


ich gehe für dieses beispiel davon aus dass im frameset das navigations frame "navFrame" und das inhalts frame "contentFrame" heisst.

navigations frame:
----------------------------------------

<html>
<head>
<script type="text/javascript">

loaded = false;
onload = function() {
loaded = true;
};

var arrNavItemNames = ["home", "news", "about"];

function synchroniseNavigation(sNavItemName)
{
// diese funktion wird vom inhalts frame aufgerufen
resetNavigation();
document.images[sNavItemName].src = sNavItemName +"_over.gif";
}
function resetNavigation()
{
// setzt alle navigations items auf "normal" zurück
for (var i=0; i<arrNavItemNames.length; i++) {
document.images[arrNavItemNames].src = arrNavItemNames +".gif";
}
}

</script>
</head>
<body>
<img name="home" src="home.gif" />
<img name="news" src="news.gif" />
<img name="about" src="about.gif" />
</body>
</html>

----------------------------------------



inhalts frame seite:
----------------------------------------

<html>
<head>
<script type="text/javascript">

var sNavItemName = "home";

onload = initialize;
function initialize() {
if (!parent.navFrame.loaded) {
window.setTimeout(initialize, 100);
return;
}
parent.navFrame.synchroniseNavigation(sNavItemName);
};
</script>
</head>
<body>
hallo welt
</body>
</html>

----------------------------------------


hth
gruss
Steven

ps: hab das jetzt einfach mal schnell ins blaue raus gecodet und nicht getestet. das konzept als solches funktioniert aber sehr gut, auch wenn sich hier vielleicht irgendwo ein fehler eingeschlichen hat.


als Antwort auf: [#34480]

Bild in anderem Frame ändern

Anonym
Beiträge gesamt: 22827

9. Mai 2003, 19:16
Beitrag # 3 von 3
Beitrag ID: #34599
Bewertung:
(695 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
okay, super danke. Werd das probieren.
Hast du noch eine URL wo das läuft?

Gruzz

Rafael


als Antwort auf: [#34480]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
12.03.2021 - 16.07.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 12. März 2021, 13.00 Uhr - Freitag, 16. Juli 2021, 17.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von publishingNETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: CHF 6'300.-
Dauer: 18 Tage (ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PBAS