Navbar kontrolliert nicht den Inhalt

Tetris · 12. Januar 2008

Hallo!

Ich habe ein Problem, undzwar habe ich wieder mit dem HTML angefangen... jetzt bin ich absolut verdummt, da die Pause wohl etwas zu lang war!

mein Problem ist, dass ich bei dieser seite das erste mal Framesets verwende, und dass die Links in der Navbar die ein eigenes Frame haben nur in dem Frame geladen werden. das heißt beim klicken auf einen Link bleibt die Seite bestehen, und der Gewünschte Inhalt wird einfach gegen die Navbar ersetzt.

Sieht dann so aus : (ich weiß, Rechtschreibfehler im header... nur ne Probeseite.)

[Blockierte Grafik: http://img246.imageshack.us/img246/8836/screenieqq1.jpg]

[das grüne hab ich nachträglich zum verständnis eingefügt]

Wie bekomm ich mit den Links von Frame1 (der Navbar) den Inhalt gesteuert? der soll schließlich das gewünschte anzeigen, und nicht die Navbar!

hoffe ihr versteht was ich meine!

danke&hf.

Peter Gedamke · 14. Januar 2008

du must den einzelnen Frames in deinem Frameset schon Namen vergeben,
also evtl. navi - main oder ähnlich

Den Links aus dem 'navi'-Frame must du dann als target die Eingabe
target="main" hinzufügen

Tetris · 14. Januar 2008

Klappt hervorragend

herzlichen dank!

Peter Gedamke · 14. Januar 2008

na fein [Blockierte Grafik: http://www.pg-private-line.de/dateien/smily_blinzel.gif]

Tetris · 14. Januar 2008

Womit wir bei Problem nr.2 wären...

lassen sich die Buttons, die ich gemacht hab mit der jeweiligen Anzeigefunktion verknüpfen?

Ich habe für die derzeitigen 4 Funktionen, jeweils einen Button wenn Sie Inaktiv, und einen wenn sie aktiv sind.

Das heißt wenn man gerade auf "Home" ist, bewegt sich vor bzw. in dem Home Button ein roter Pfeil von links nach rechts und zeigt so recht anschaulich den derzeitigen Aufenthalsort.

Nun soll also der Link nachdem er betätigt wurde sein Bild gegen ein Anderes tauschen! wie sag ich ihm das?

Danke nochmal, udn ich hoffe ihr könnt mir evtl. noch nen Tipp geben!

MfG, Felix.

Foster · 19. Januar 2008

Willst du, dass nach dem Klicken auf den Link dann dauerhaft ein anderes Bild dasteht?
Das könntest du über CSS machen, indem du das Bild als Hintergrundbild einstellst und zwar unter link:visited{
Wenn du willst, dass das Bild nur bein Drüberfahren wechselt, geht das am besten über JavaScript:
<a class="postlink" href="http://de.selfhtml.org/javascript/beispiele/buttons.htm">http://de.selfhtml.org/javascript/beispiele/buttons.htm</a>

Tetris · 22. Januar 2008

Jein!

Ich möchte gern, dass die buttons während man sich auf der ihnen entsprechenden Seite befindet eine andere form annahmen.

man Befindet sich also auf "Home" und nur der Home button bekommt jetzt einen Roten Pfeil der darauf hinweist, wo man sich befindet.

Das lässt sich auch einfach über eine Überschrift anzeigen, das weiß ich, aber ich finde diese Art der Spielerei optisch sehr ansprechend.

Also:

- Sollen die Buttons im ersten moment alle gleich aussehen.
- bei klicken die Seite laden und so lange wie man sich auf der Seite befindet eine andere Grafik anzeigen.
- wechselt man die anzeige mit einem der Buttons, soll der andere angeklickte button die andere form annehmen, und seien Aktivität durch einen roten Pfeil kennzeichnen.

...ich beschäftige mich jetzt erstmal mit dem Mouseover, denke ich , das wäre auch schon ganz schick...

danke&hf!

Foster · 22. Januar 2008

Warum machst du nicht einfach zB in der home.htm für den Button mit der Aufschrift Home ein Bild rein, das einen solchen Pfeil hat? :wink:

Tetris · 24. Januar 2008

Weil ich's gerne Bündig in der Navleiste hätte, und ein Framesettler bin ...

Was ich so vor habe ist nicht möglich?

Danke für die Hilfe.

Ginnic · 25. Januar 2008

Hi Tetris

Wenn ich Dich jetzt richtig verstanden habe, dann geht das schon.
Du kannst das mit CSS steuern. Genau so, wie das mit deinem mousover und zB. den besuchten Links (visited) geht.
Du nimmst dafür "active" . Siehe unten. Das sind die Möglichkeiten, die Du verwenden könntest

:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente

siehe auch hier:
<a class="postlink" href="http://www.html-seminar.de/css-definitionen-uebersicht.htm">http://www.html-seminar.de/css-definiti ... rsicht.htm</a>
oder hier:
<a class="postlink" href="http://aktuell.de.selfhtml.org/artikel/css/mouseover/">http://aktuell.de.selfhtml.org/artikel/css/mouseover/</a>

Ginnic · 25. Januar 2008

Mal ein Beispiel:

So sieht es im Internet Browser aus >>> : Button aktiv

Lila ist immer der aktive Link (nach drücken des Links) ... und das Lila ist ein Hintergrundbild.

HTML

<html>
<head>
	<title>Unbenannt</title>
</head>




<style>
A:ACTIVE {
	background-image : url(aktiv.jpg);
	background-position : center;
}




A {
	background-image: url(button.jpg);
	background-position : center;
}
</style>




<body>




<a href="#"> test a </a><br>
<br>
<a href="#"> test b </a><br>
<br>
<a href="#"> test c </a><br>
<br>
<a href="#"> test d </a><br>







</body>
</html>

Alles anzeigen

Tetris · 27. Januar 2008

nun vielen dank dafür, das Problem ist dabei dann, dass ich ja *.gif buttons benutze, und keine schrift!

und die Buttons sind ja leider nur anders, so lange wie man sie drückt... sobald man von der Taste ablässt gehen dsie ja wieder in die Atansardform...

was ich gerne wollte, ist mit dem Pfeil anzeigen aufw elcher seite man sich gerade befindet.

sorry wenn du das schon genau richtig beschrieben hattest, und ich dich einfach falsch verstehe! Bin hier und da ziemlich duum

hf.

Ginnic · 28. Januar 2008

hi...
Kein Problem....

du kannst auch *.gif Bilder benutzen... das ist kein Thema. Da wo ich *.jpg nahm, kannst du Dein *-gif Bild verwenden.

Das was ich beschrieb mit "activ" war dafür, das der User sehen kann, wo er gerade als letztes drauf geklickt hat und wenn Du dann noch möchtest, das der User sieht wo er schon überall gewesen ist, nimmst du das mit dem "visit" ( visited = für Verweise zu bereits besuchten Seiten )

Wenn Du es nicht hinbekommst, dann lade doch deine Seite oder Dein Button ins Netz. Gib mir die URL, und ich bastel Dir das script.

Tetris · 31. Januar 2008

Hallo, Vielen dank!

Das wäre echt zu ...hübsch

Also, ich geb dir diesen Link:

<a class="postlink" href="http://www.sendspace.com/file/3p9dz5">http://www.sendspace.com/file/3p9dz5</a>

und du Guckst dir das kurz an? Vielleicht schaust du auch kurz aus die Seite, und sagst mir wo ich total versagt hab *ausnutz*? das wäre mir an sich sehr wichtig!

Nochmals, VIELEN dank!

PS: Der Start-HTML-file ist smframedat.html Ich sag ja - duum,

Ginnic · 1. Februar 2008

Mmm.....

Was ist das für ein Link?
PURE SITE2.rar < ist das Deine Homepage zum downloaden?

....oder verstehe ich das jetzt falsch? *lach*....

Tetris · 2. Februar 2008

Ja ist richtig.. im Netz ist sie nicht, da ich mich noch nciht um Webspace gekümmert hab! Da gibts so viele angebote und ich weiß nciht welche sich wirklich rechnen...

das RAR archiv einfach runterladen und entpacken... ist sicherlich nix böses drin Sonst kann ich sie dir auch sonstwie schicken, wenn dir das lieber ist? Das Archiv hatt eich wegen meinem Info kurs noch im netz, und hab dir das einfach gegeben, anstatt Die Navbar und die Buttons auszusortieren...

sag wie du's lieber magst!

hf.

Ginnic · 4. Februar 2008

Hi ...

So, schaue mal ob es das ist was Du möchtest....

Ansicht Beispiel hier klicken

Ich würde die Schrift aber nicht als Button ausgeben. Lieber als echter Link. Und nur den Pfeil als Bild nehmen. Da bist Du flexibler....
probiere das einmal...

HTML

<html>
<head>
	<title>Unbenannt</title>
</head>




<style> 
A { 
   background-image: url(home.gif); 
   background-position : center; 
	height : 25px;
	width : 130px;
} 




A:ACTIVE { 
   background-image : url(homeactivated.gif); 
   background-position : center; 
   	height : 25px;
	width : 130px;
} 
</style>







<body>

<a href="#"></a><br>
<a href="#"></a><br>
<a href="#"></a><br>
<a href="#"></a><br>




</body>
</html>

Alles anzeigen

Navbar kontrolliert nicht den Inhalt

Jetzt mitmachen!

Teilen