Moin,
ich bin nicht besonders fit in Javascript und brauche ein Script um Kommentare ein und wieder auszufahren.
Also einen Link. Ich habe von Mootools schon ein Script das ganz gut passt. Das einzige Problem ist das wenn ich die Seite aufrufe, das Kommentarfeld schon ausgefahren ist. Ich würde es besser finden wenn das Kommentarfeld noch nicht ausgefahren ist und man auf den Button klicken muss um auf das Feld zu kommen.
Das Script könnte ich auch unter http://atyourspot.de/javascript.php angucken
Hier das Javascript! Ich fänd es auch cool wenn die Kommentare sich automatisch einfahren wenn man auf die Seite geht!
Hier der HTML Code:
Danke und Liebe Grüße :)
ich bin nicht besonders fit in Javascript und brauche ein Script um Kommentare ein und wieder auszufahren.
Also einen Link. Ich habe von Mootools schon ein Script das ganz gut passt. Das einzige Problem ist das wenn ich die Seite aufrufe, das Kommentarfeld schon ausgefahren ist. Ich würde es besser finden wenn das Kommentarfeld noch nicht ausgefahren ist und man auf den Button klicken muss um auf das Feld zu kommen.
Das Script könnte ich auch unter http://atyourspot.de/javascript.php angucken
Hier das Javascript! Ich fänd es auch cool wenn die Kommentare sich automatisch einfahren wenn man auf die Seite geht!
Code:
window.addEvent('domready', function() {
var status = {
'true': 'close',
'false': 'open'
};
// -- vertical
var myVerticalSlide = new Fx.Slide('vertical_slide');
$('v_slidein').addEvent('click', function(event){
event.stop();
myVerticalSlide.slideIn();
$('vertical_status').set('text', status[myVerticalSlide.close]);
});
$('v_slideout').addEvent('click', function(event){
event.stop();
myVerticalSlide.slideOut();
});
$('v_toggle').addEvent('click', function(event){
event.stop();
myVerticalSlide.toggle();
$('vertical_status').set('text', status[myVerticalSlide.close]);
});
$('v_hide').addEvent('click', function(event){
event.stop();
myVerticalSlide.hide();
$('vertical_status').set('text', status[myVerticalSlide.open]);
});
$('v_show').addEvent('click', function(event){
event.stop();
myVerticalSlide.show();
$('vertical_status').set('text', status[myVerticalSlide.open]);
});
// When Vertical Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myVerticalSlide.addEvent('complete', function() {
$('vertical_status').set('text', status[myVerticalSlide.close]);
});
// -- horizontal
var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
$('h_slidein').addEvent('click', function(event){
event.stop();
myHorizontalSlide.slideIn();
});
$('h_slideout').addEvent('click', function(event){
event.stop();
myHorizontalSlide.slideOut();
});
$('h_toggle').addEvent('click', function(event){
event.stop();
myHorizontalSlide.toggle();
});
$('h_hide').addEvent('click', function(event){
event.stop();
myHorizontalSlide.hide();
$('horizontal_status').set('text', status[myHorizontalSlide.close]);
});
$('h_show').addEvent('click', function(event){
event.stop();
myHorizontalSlide.show();
$('horizontal_status').set('text', status[myHorizontalSlide.close]);
});
// When Horizontal Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myHorizontalSlide.addEvent('complete', function() {
$('horizontal_status').set('text', status[myHorizontalSlide.close]);
});
});
Hier der HTML Code:
HTML:
<div class="marginbottom">
<a id="v_slideout" href="#"></a>
<a id="v_slidein" href="#"></a>
<a id="v_toggle" href="#">Komentare</a>
</div>
Danke und Liebe Grüße :)