 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
ENIXone
Threadersteller
Dabei seit: 25.02.2007
Ort: Sundern
Alter: 37
Geschlecht: 
|
Verfasst Fr 06.02.2009 23:42
Titel [MooTools] Tween von links nach rechts |
  |
|
Hey Leute,
ich sitz da gerade an einem Projekt und dafür ist es relevant, dass ein div von links nach rechts eingezogen wird anstatt von rechts nach links...
schaut euch mal das beispiel von mootools an:
http://demos.mootools.net/Effects
das in der mitte unter "Height-Effect", man kann dies auch auf die breite einstellen. jedoch nicht von welcher richtung er anfangen soll.
wisst ihr wie des gehen könnte? bzw. ob es nen anderen lösungsvorschlag gibt?
anbei mal nen schnippsel:
| Code: |
....
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
var otherEl = $('subnavContainer');
var otherE2 = $('subnavContainer2');
var otherE3 = $('innerSubNavContainer');
$('heightEffect').addEvent('click', function(){
otherEl.tween('width', 20);
otherE3.tween('width', 0);
return false; // alternative syntax to stop the event
});
});
//]]>
</script>
....
|
Zuletzt bearbeitet von ENIXone am Fr 06.02.2009 23:43, insgesamt 2-mal bearbeitet
|
|
| |
  |
 |
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst Sa 07.02.2009 01:48
Titel
|
|
|
box rechtsbündig ausrichten - verringerst du die breite, schrumpft sie nach rechts. 
|
|
| |
|
|
|
Anzeige
|
|
|
ENIXone
Threadersteller
Dabei seit: 25.02.2007
Ort: Sundern
Alter: 37
Geschlecht:
|
Verfasst Sa 07.02.2009 11:34
Titel
|
|
|
| remote hat geschrieben: | | box rechtsbündig ausrichten - verringerst du die breite, schrumpft sie nach rechts. |
Hm okay des geht jetzt. Neues Problem 
Ich hab nun die leiste auf 20 Pixel verkleiner, jetzt möchte ich das die leiste meim wiederholten drücken in die ursprungsgröße zurückkgeht. Wie macht ich mit mootools ne Abfrage dazu?
Mein Code sieht z.Z. so aus:
| Code: |
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
var otherEl = $('subnavContainer');
var otherE2 = $('subnavContainer2');
var otherE3 = $('innerSubNavContainer');
$('widthSlide').addEvent('click', function(){
otherEl.tween('width', 10);
otherE2.tween('width', 10);
otherE3.setStyle('display','none')
otherE3.tween('height', 0);
otherE3.tween('width', 0);
return false; // alternative syntax to stop the event
});
});
//]]>
</script>
|
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 07.02.2009 12:01
Titel
|
|
|
if else
| Code: | window.addEvent('domready', function() {
var otherEl = $('subnavContainer');
var otherE2 = $('subnavContainer2');
var otherE3 = $('innerSubNavContainer');
$('widthSlide').addEvent('click', function(){
if (otherEl.getStyle('width').toInt() == 10) {
// auf
otherEl.tween('width', 100);
otherE2.tween('width', 100);
otherE3.setStyle('display','block')
otherE3.tween('height', 200);
otherE3.tween('width', 100);
} else {
// zu
otherEl.tween('width', 10);
otherE2.tween('width', 10);
otherE3.setStyle('display','none')
otherE3.tween('height', 0);
otherE3.tween('width', 0);
}
return false; // alternative syntax to stop the event
});
}); |
|
|
| |
|
|
ENIXone
Threadersteller
Dabei seit: 25.02.2007
Ort: Sundern
Alter: 37
Geschlecht:
|
Verfasst Sa 07.02.2009 12:04
Titel
|
|
|
| zweitaccount hat geschrieben: | if else
| Code: | window.addEvent('domready', function() {
var otherEl = $('subnavContainer');
var otherE2 = $('subnavContainer2');
var otherE3 = $('innerSubNavContainer');
$('widthSlide').addEvent('click', function(){
if (otherEl.getStyle('width').toInt() == 10) {
// auf
otherEl.tween('width', 100);
otherE2.tween('width', 100);
otherE3.setStyle('display','block')
otherE3.tween('height', 200);
otherE3.tween('width', 100);
} else {
// zu
otherEl.tween('width', 10);
otherE2.tween('width', 10);
otherE3.setStyle('display','none')
otherE3.tween('height', 0);
otherE3.tween('width', 0);
}
return false; // alternative syntax to stop the event
});
}); |
|
super danke, auf die Lösung bin ich dann auch gekommen nur mit "otherE3.getStyle('display') =="none"
beschäftige mich erst seid gestern mit Mootools und hab da noch nicht alles so drin wie die meisten anderen von euch
HERZLICHEN DANK ! 
|
|
| |
|
|
wumble
Dabei seit: 22.06.2009
Ort: Münster
Alter: 38
Geschlecht:
|
Verfasst Do 20.08.2009 00:41
Titel
|
|
|
yeah! wie erfreulich das zu finden hier, und das über google.. das klappt ja sonst nie bei solchen Problemen!!
So wollte ich nur mal loswerden.. Danke 
dann hab ich auch mal meinen ersten post hier geschrieben.. hallo!
|
|
| |
 |
|
| |
|
|
| Ähnliche Themen |
Rechts Links td background=
div von links nach rechts ? HILFE
HTML & CSS: Unternavigation mit Pfeil links und rechts
[CSS] repeat-x: links oben, rechts unten
[Photoshop] rechts raus, links weiter
Flash AS3: Links, Rechts scrollen (Mouseover)
|
|
|
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.
|
|
