+ Antworten
Ergebnis 1 bis 6 von 6

Thema: show/hide mit mootools

  1. #1
    Neu an Board
    Registriert seit
    18.01.2011
    Beiträge
    16
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard show/hide mit mootools

    Hallo,

    weiß jemand ein gutes Tutorium für Mootools in Joomla?
    http://davidwalsh.name/mootools-show-hide
    Das show/hide will bei mir nicht funktionieren.
    Wäre nett, wenn mir jemand ne Hilfestellung geben könnte.

    Code:
    <?php
    defined( '_JEXEC' ) or die( 'Restricted access' );
    JHTML::_('behavior.mootools');
    ?>
    
    <script type="text/javascript">
    window.addEvent('domready',function()
    {
    		Element.extend(
    		{
    			show:function(e)
    			{
    				this.setStyle('display','block');
    			},
    			hide:function(e)
    			{
    				this.setStyle('display','none');
    			}
    		});
    }); 
    
    </script>
    
    
    <div id="click" onclick="$('hidethis').hide();"><b>click</b></div>
    <div id="hidethis">hidethis</div>

  2. #2
    Hat hier eine Zweitwohnung Avatar von JoomDesign
    Registriert seit
    19.03.2006
    Ort
    Berlin, Deutschland
    Beiträge
    1.927
    Bedankte sich
    269
    Erhielt 594 Danksagungen
    in 511 Beiträgen

    Standard

    Hast du die MT Version beachtet? Also das Mootools-Upgrade Plug-in geladen?
    Die Beschreibung ist für 1.2.

    Außerdem hast Du den Code ja nicht übernommen sondern was anderes geschrieben.
    Beispiel: im Tutorial: Element.implement Bei dir: Element.extend

    Und wenn ich es richtig sehe, ist für diese onlick-Anweisung der Script-Block völlig unnötig,
    da du ja dort direkt die Funktion "hide()" verwendest.

    Dann fehlt die Fehlermeldung. (Was funktioniert wie.. nicht!)
    Link zu Seite? ...traut man sich ja garnicht mehr zu fragen

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    18.01.2011
    Beiträge
    16
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hehe, danke für deine schnelle Antwort.

    Die Site ist noch lokal.
    Die Fehlermeldung lautet:
    $("hidethis").hide is not a function
    Quelldatei: "http://bienchen/joomla/index.php?option=com_mootest"
    Zeile: 1

    Ich nutze Joomla 1.5. Das Mootools-Upgrade Plug-in ist nicht geladen,
    wenn es nicht standardmäßig von Joomla geladen wird.
    Ich nutze Joomla seit gestern :-)

    Gibt es nicht sowas einfaches wie in jquery?
    $('#hidethis').hide();

  5. #4
    Neu an Board
    Registriert seit
    18.01.2011
    Beiträge
    16
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Code:
    <?php
    defined( '_JEXEC' ) or die( 'Restricted access' );
    JHTML::_('behavior.mootools');
    JFactory::getDocument()->addScriptDeclaration("
    	var x;
    	window.onload = function() 
    	{
    		x = new Fx.Slide('square');
    	}       
    ");
    ?>
    <div class="click" id="click" onclick="x.hide();">click</div>
    <div id="square">square</div>
    so funktioniert hide(). Allerdings funktioniert toggle() nicht.
    http://docs.joomla.org/Tutorial:Addi..._component_WIP
    Da wiederum gehts ... hmm ...

  6. #5
    Hat hier eine Zweitwohnung Avatar von JoomDesign
    Registriert seit
    19.03.2006
    Ort
    Berlin, Deutschland
    Beiträge
    1.927
    Bedankte sich
    269
    Erhielt 594 Danksagungen
    in 511 Beiträgen

    Standard

    Zitat Zitat von jBeginner Beitrag anzeigen
    Zeile: 1
    Deutet darauf hin, dass Du die Ausgabe vorher "abbrichst" und Joomla nicht vollständig geladen wird. Dann hast du naturlich erstmal gar keine MT im head drin, da dieser ja nicht erscheint.

    Versuch es also bitte erstmal ohne eine eigene Komponente - kannst die "behavior.mootools" auch ins Template laden um sie immer verfügbar zu haben. Dann ist es zwar aber nach wie vor noch MT 1.1 und nicht 1.2 wie im deinem Tut.

    Zitat Zitat von jBeginner Beitrag anzeigen
    Gibt es nicht sowas einfaches wie in jquery?
    $('#hidethis').hide();
    Klar: http://docs111.mootools.net/Effects/...#Fx.Slide.hide

  7. #6
    Neu an Board
    Registriert seit
    18.01.2011
    Beiträge
    16
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke, toggle() hat nicht funktioniert, weil der zweite Eingabeparameter in
    Fx.Slide('square', {height: true, duration: 500}); fehlte

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein