Autor |
Nachricht |
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 30.08.2007 23:37
Titel Problem bei der Verwendung FX.Scroll von Mootool |
|
|
Hey!
An folgendem scheitere ich:
Ich habe eine Seite aus mehreren Divs aufgebaut. In ein Div habe ich das Mootool "Fx.Scroll" geladen.
Das läuft nun auch soweit. Nun will ich gerne, dass wenn ich auf einen der Links klicke, ein dazu passender Text in das Div rechts neben dem "Fx.Scroll" Tool geladen wird.
Ist das was ich machen möchte überhaupt irgendwie möglich? (Mache gerade meine ersten Erfahrungen mit Mootool)
>>Hier der Link<<
Danke und Gruß.
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 31.08.2007 08:32
Titel
|
|
|
hm ich hab zwar sowas noch nich gemacht,
aber es gibt doch sone css-funk. called hidden oder so.
musst dich halt mal durchgooglen,.. das geht sicherlich.
notfalls halt n js wieder
hier is vllcht was, klick, das vllcht mit nem JS per mouseover oder so verbinden,.. bin nich so der javascr. mensch
Zuletzt bearbeitet von choise am Fr 31.08.2007 08:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Fr 31.08.2007 10:26
Titel Re: Problem bei der Verwendung FX.Scroll von Mootool |
|
|
twym hat geschrieben: | Ist das was ich machen möchte überhaupt irgendwie möglich? (Mache gerade meine ersten Erfahrungen mit Mootool) |
klar, hat aber mit mootool nichts zu tun
in das rechte div für jeden link ein weiteres mit display:none;
für jeden link OnClick=function('div_id')
in der funktion:
Code: | document.getElementById(div_1-n).style.display='none' //alle weg
document.getElementById(div_id).style.display='block/inline'... //aktuelles hin |
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 31.08.2007 11:47
Titel
|
|
|
Jo oder ein Div danebenpappen und in die
events ein setHTML(var);
mit rein. So circa:
Code: | text1 = "<p>blub</p>";
$('link1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content1');
$('divname').setHTML(text1);
}); |
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Sa 01.09.2007 00:47
Titel
|
|
|
Raumwurm hat geschrieben: | Jo oder ein Div danebenpappen und in die
events ein setHTML(var);
mit rein. So circa:
Code: | text1 = "<p>blub</p>";
$('link1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content1');
$('divname').setHTML(text1);
}); |
|
habe ich getestet. Klappt bei auch super mit jeweils einem <p>-Tag
Aber Bilder etc. kann ich so nicht einladen! Oder?
Danke.
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Sa 01.09.2007 00:54
Titel Re: Problem bei der Verwendung FX.Scroll von Mootool |
|
|
sorry wegen doppelpost. so scheints mir aber übersichtlicher!
caZpa hat geschrieben: | twym hat geschrieben: | Ist das was ich machen möchte überhaupt irgendwie möglich? (Mache gerade meine ersten Erfahrungen mit Mootool) |
klar, hat aber mit mootool nichts zu tun
in das rechte div für jeden link ein weiteres mit display:none;
für jeden link OnClick=function('div_id')
in der funktion:
Code: | document.getElementById(div_1-n).style.display='none' //alle weg
document.getElementById(div_id).style.display='block/inline'... //aktuelles hin |
|
habe ich das so richtig verstanden?
Code: | $('link1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content1');
OnClick=function('div_text1')
});
[...]
<div id="navilinks">
<li><a id="link1" href="#" name="link1">The Blue Sky</a></li>
<li><a id="link2" href="#" name="link2">Last Grass</a></li>
<li><a id="link3" href="#" name="link3">The Naked Tree</a></li>
<li><a id="link4" href="#" name="link4">The Lonesome Tree</a></li>
</div>
<div id="kurzinfo">
<div id="text1">Text1</div>
</div>
|
Sorry kenne mich mit Javascript eigentlich gar nicht aus. Und wollte mal ein wenig rumprobieren. Inwiefern pack ich die beiden Codeschnipsel
Code: | document.getElementById(div_1-n).style.display='none' //alle weg
document.getElementById(div_id).style.display='block/inline'... //aktuelles hin | wohin? In welche Funktion?
Falls es klappt würde mir diese Variante nämlich besser gefallen, weil für mich weniger umständlich bisher.
Grundsätzlich mal eine Frage zum Einsatz von Javascript hinsichtlich Barrierefreiheit etc. So wirklich gegeben ist die nicht mehr, wenn ich so "tricksen" muss, oder? Ist im allgemeinen vom Einsatz von JS abzusehen?
Danke für euren hilfreichen Antworten!
Gruß.
Zuletzt bearbeitet von twym am Sa 01.09.2007 00:55, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
mootool, Problem beim Scrollen.
mousewheel scroll problem!
flash - scroll - problem
Problem mit Scroll sticking - jquery
kleines java - tiny - scroll problem
Problem mit Verwendung von Flash-Buttons
|
|