ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Schneefall mit Button Funktion

Geschlossen
  1. #1
    User Pic
    mprambo2 Mitglied
    Registriert seit
    21.07.2005
    Beiträge
    94
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen und einen schönen Nikolaustag,
    ich habe ein Problem bei diese Snow Button Funktion,
    dort klappt das
    loktar00.github.io/JQuery-Snowfall/

    aber bei mir nicht !!

    ich habe diesen Code in meine index.htm
    <!doctype html>
    <html lang="en">
    <head>
        <script src="http://mprambo2.de/include/designs/mar_ReSpoon/jquery-2.js"></script>
    <!--
    Tab Content script v2.2  © Dynamic Drive DHTML code library (www.dynamicdrive.com) 
    Horizontal Tab © 2013 Jelle Kralt (www.jellekralt.nl) 
    -->
    <meta charset="utf-8">
    <!-- mar_ReSpoon © Maretz.eu - Free Ilch Templates -->
    <title>{TITLE}</title>
    <meta name="description" content="mar_ReSpoon">
    <meta name="author" content="Maretz.eu">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="include/designs/mar_ReSpoon/layout.css">
    <link rel="stylesheet" href="include/designs/mar_ReSpoon/style.css">
    <link rel="stylesheet" type="text/css" href="include/designs/mar_ReSpoon/dd_style.css">
    <link rel="stylesheet" type="text/css" href="include/designs/mar_ReSpoon/responsive-tabs.css">
    <link rel= "stylesheet" href= "include/designs/mar_ReSpoon/font-awesome/css/font-awesome.min.css" > 
      <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
    </head>
    <!--
    <body><a name="anfang" id="anfang"></a>
    -->
    <body class="darkBg">
            <input id="clear" value="Click to clear" type="button">
            <input id="round" value="Rounded" type="button">
            <input id="shadows" value="Shadows" type="button">
            <input id="roundshadows" value="Rounded Shadows" type="button">
            <input id="imgbut" value="Images" type="button">
            <input id="collection" value="Snow Collection" type="button">
            <input id="deviceorientation" value="Deviceorientation" type="button">
    
        <script src="http://mprambo2.de/include/designs/mar_ReSpoon/snowfall.js"></script>
        <script type="text/javascript">     
            $(document).ready(function(){
                $('.collectonme').hide();
                //Start the snow default options you can also make it snow in certain elements, 
    
    etc.
                $(document).snowfall();
                
                $("#clear").click(function(){
                    $(document).snowfall('clear'); // How you clear
                });
                
                $("#round").click(function(){
                    document.body.className  = "darkBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded
                });
                
                $("#shadows").click(function(){
                    document.body.className  = "lightBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({shadow : true, flakeCount:100}); // add shadows
                });
    
                $("#roundshadows").click(function(){
                    document.body.className  = "lightBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({shadow : true, round : true,  minSize: 5, maxSize:8}); 
    
    // add shadows
                });
                
                $("#collection").click(function(){
                    $(document).snowfall('clear');
                    document.body.className  = "darkBg";
                    $('.collectonme').show();
                    $(document).snowfall({collection : '.collectonme', flakeCount : 250});
                });
                
                $("#imgbut").click(function(){
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    document.body.className  = "darkBg";
                    $(document).snowfall({image :"http://mprambo2.de/include/designs/mar_ReSpoon/images/snow1.gif", minSize: 10, maxSize:32});
                });
    
                $("#deviceorientation").click(function(){
                    $(document).snowfall('clear');
                    $('.collectonme').hide();
                    document.body.className  = "darkBg";
                    $(document).snowfall({deviceorientation : true, round : true, minSize: 5, 
    
    maxSize:8});
                });
    
            });
         </script>
    <script src="//use.edgefonts.net/tulpen-one:n4:all.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="include/designs/mar_ReSpoon/js/script.js"></script>
    <script type="text/javascript" src="include/designs/mar_ReSpoon/js/tabcontent.js"></script>
    <div id="site">
    <div id="login_low">{_boxes_login_low}</div>
    <div id="site-name">{SITENAME}</div>
    <div id="body_site">
    <div id="navigation">
    <a class="toggleMenu" href="#"><i class="fa fa-list"> Navigation</i></a>
    <ul class="nav">
    {_list_menunr5@
    	<li  class="test">
    		<a href="#">%1</a>
    		<ul>
    %2
    		</ul>
    </li>}
    </ul>
    </div><br class="break"/>
    <div id="contentb">
    <div id="header"><a href="index.php" title="zur Startseite"><img src="include/designs/mar_ReSpoon/images/header.jpg" alt=""></a></div>
    <div id="ti-cker">{_boxes_ticker_mar}</div>
     <div id="horizontalTab"><ul>
    <li><a href="#tab-1">Lastnews</a></li>
    <li><a href="#tab-2">Lastforum</a></li>
    <li><a href="#tab-3">Nextwars</a></li>
    <li><a href="#tab-4">Lastwars</a></li></ul>
    <div id="tab-1" class="tab_bg">{_boxes_lastnews_respoon}</div>
    <div id="tab-2" class="tab_bg">{_boxes_lastforum_respoon}</div>
    <div id="tab-3" class="tab_bg">{_boxes_nextwars_respoon}</div>
    <div id="tab-4" class="tab_bg">{_boxes_lastwars_respoon}</div>
        </div>
    <div id="content_bereich"><div class="content_bereich"><span class="h-menu"><i class="fa fa-caret-square-o-down"></i> {HMENU}<br><br>{EXPLODE}</div></div></div>
    <div id="menu_bereich">
    <ul id="countrytabs1" class="shadetabs">
    <li><a class="selected" href="#" rel="left_col"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 1</a></li>
    <li><a href="#" rel="left_col1"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 2</a></li>
    <li><a href="#" rel="left_col2"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 3</a></li></ul>
    <div id="left_col" class="tabcontent"><div id="login_heigh"><div id="box_na">User Area</div><div id="box_mit" class="box_mit">{_boxes_login_respoon}</div></div>{_list_menunr1@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <div id="left_col1" class="tabcontent">{_list_menunr2@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <div id="left_col2" class="tabcontent">{_list_menunr3@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <script type="text/javascript">
    var countries=new ddtabcontent("countrytabs1")
    countries.setpersist(true)
    countries.setselectedClassTarget("link") //"link" or "linkparent"
    countries.init()
    </script></div><br class="break"/>
    <div id="footer">All Rights by {SITENAME}<br><a class="corp" href="http://www.maretz.eu" title="Maretz.eu Designs">Maretz.eu Designs</a> <i class="fa fa-compress"></i> <a class="corp" href="http://www.ilch.de" title="Ilch.de">CMS by Ilch.de</a><a class="nach_oben" href="#anfang" title="nach oben"><i class="fa fa-hand-o-up fa-lg"></i></a></div>
    </div>
    <div id="abst"></div>
    </div>
        <script src="include/designs/mar_ReSpoon/js/jquery.responsiveTabs.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#horizontalTab').responsiveTabs({
                    rotate: false,
                    startCollapsed: 'accordion',
                    collapsible: 'accordion',
                    setHash: true,
                    disabled: [4,5]
                });
    
            });
        </script>
    </body></html>
    <!-- {_list_hmenupoint@<li><a target="%1" href="%2" title="%3">%3</a></li>}
    {_list_hmenubegi@}
    {_list_hmenuende@}
    {_list_vmenupoint@<a target="%1" class="verti_but" href="%2" title="%3">%3</a>}
    {_list_vmenubegi@<div id="verti-but">}
    {_list_vmenuende@</div>}//-->


    wo ist der Fehler bei mir, ich finde ihn selber leider nicht, habt ihr für mich ein Tip ?


    verwendete ilch Version: 1.1 P

    betroffene Homepage: externer Link


    Zuletzt modifiziert von mprambo2 am 06.12.2015 - 12:45:58
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Also auf dem ersten Blick:

    2x JQuery eingebunden (Zeile 4, 98)
    2x BODY Starttag (Zeile 25, 27)
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    mprambo2 Mitglied
    Registriert seit
    21.07.2005
    Beiträge
    94
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer
    Also auf dem ersten Blick:

    2x JQuery eingebunden (Zeile 4, 98)
    2x BODY Starttag (Zeile 25, 27)


    wenn ich zeile 98 rausnehme ist oben last.... Button nicht mehr vorhanden

    und body zeile 25 war auskommentiert hmmm ?!?!

    und wenn ich das so eintrage z.b. funz es auch nicht traurig:
    <!doctype html>
    <html lang="en">
    <head>
     
    <!--
    Tab Content script v2.2  © Dynamic Drive DHTML code library (www.dynamicdrive.com) 
    Horizontal Tab © 2013 Jelle Kralt (www.jellekralt.nl) 
    -->
    <meta charset="utf-8">
    <!-- mar_ReSpoon © Maretz.eu - Free Ilch Templates -->
    <title>{TITLE}</title>
    <meta name="description" content="mar_ReSpoon">
    <meta name="author" content="Maretz.eu">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="include/designs/mar_ReSpoon/layout.css">
    <link rel="stylesheet" href="include/designs/mar_ReSpoon/style.css">
    <link rel="stylesheet" type="text/css" href="include/designs/mar_ReSpoon/dd_style.css">
    <link rel="stylesheet" type="text/css" href="include/designs/mar_ReSpoon/responsive-tabs.css">
    <link rel= "stylesheet" href= "include/designs/mar_ReSpoon/font-awesome/css/font-awesome.min.css" > 
      <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
    </head>
    <body class="darkBg">
            <input id="clear" value="Click to clear" type="button">
            <input id="round" value="Rounded" type="button">
            <input id="shadows" value="Shadows" type="button">
            <input id="roundshadows" value="Rounded Shadows" type="button">
            <input id="imgbut" value="Images" type="button">
            <input id="collection" value="Snow Collection" type="button">
            <input id="deviceorientation" value="Deviceorientation" type="button">
    
        <script src="http://mprambo2.de/include/designs/mar_ReSpoon/snowfall.js"></script>
        <script type="text/javascript">     
            $(document).ready(function(){
                $('.collectonme').hide();
                //Start the snow default options you can also make it snow in certain elements, 
    
    etc.
                $(document).snowfall();
                
                $("#clear").click(function(){
                    $(document).snowfall('clear'); // How you clear
                });
                
                $("#round").click(function(){
                    document.body.className  = "darkBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded
                });
                
                $("#shadows").click(function(){
                    document.body.className  = "lightBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({shadow : true, flakeCount:100}); // add shadows
                });
    
                $("#roundshadows").click(function(){
                    document.body.className  = "lightBg";
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    $(document).snowfall({shadow : true, round : true,  minSize: 5, maxSize:8}); 
    
    // add shadows
                });
                
                $("#collection").click(function(){
                    $(document).snowfall('clear');
                    document.body.className  = "darkBg";
                    $('.collectonme').show();
                    $(document).snowfall({collection : '.collectonme', flakeCount : 250});
                });
                
                $("#imgbut").click(function(){
                    $('.collectonme').hide();
                    $(document).snowfall('clear');
                    document.body.className  = "darkBg";
                    $(document).snowfall({image :"http://mprambo2.de/include/designs/mar_ReSpoon/images/snow1.gif", minSize: 10, maxSize:32});
                });
    
                $("#deviceorientation").click(function(){
                    $(document).snowfall('clear');
                    $('.collectonme').hide();
                    document.body.className  = "darkBg";
                    $(document).snowfall({deviceorientation : true, round : true, minSize: 5, 
    
    maxSize:8});
                });
    
            });
         </script>
    <script src="//use.edgefonts.net/tulpen-one:n4:all.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="include/designs/mar_ReSpoon/js/script.js"></script>
    <script type="text/javascript" src="include/designs/mar_ReSpoon/js/tabcontent.js"></script>
    <div id="site">
    <div id="login_low">{_boxes_login_low}</div>
    <div id="site-name">{SITENAME}</div>
    <div id="body_site">
    <div id="navigation">
    <a class="toggleMenu" href="#"><i class="fa fa-list"> Navigation</i></a>
    <ul class="nav">
    {_list_menunr5@
    	<li  class="test">
    		<a href="#">%1</a>
    		<ul>
    %2
    		</ul>
    </li>}
    </ul>
    </div><br class="break"/>
    <div id="contentb">
    <div id="header"><a href="index.php" title="zur Startseite"><img src="include/designs/mar_ReSpoon/images/header.jpg" alt=""></a></div>
    <div id="ti-cker">{_boxes_ticker_mar}</div>
     <div id="horizontalTab"><ul>
    <li><a href="#tab-1">Lastnews</a></li>
    <li><a href="#tab-2">Lastforum</a></li>
    <li><a href="#tab-3">Nextwars</a></li>
    <li><a href="#tab-4">Lastwars</a></li></ul>
    <div id="tab-1" class="tab_bg">{_boxes_lastnews_respoon}</div>
    <div id="tab-2" class="tab_bg">{_boxes_lastforum_respoon}</div>
    <div id="tab-3" class="tab_bg">{_boxes_nextwars_respoon}</div>
    <div id="tab-4" class="tab_bg">{_boxes_lastwars_respoon}</div>
        </div>
    <div id="content_bereich"><div class="content_bereich"><span class="h-menu"><i class="fa fa-caret-square-o-down"></i> {HMENU}<br><br>{EXPLODE}</div></div></div>
    <div id="menu_bereich">
    <ul id="countrytabs1" class="shadetabs">
    <li><a class="selected" href="#" rel="left_col"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 1</a></li>
    <li><a href="#" rel="left_col1"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 2</a></li>
    <li><a href="#" rel="left_col2"><span class="menu_low"><i class="fa fa-caret-square-o-down"></i></span> Men&uuml; 3</a></li></ul>
    <div id="left_col" class="tabcontent"><div id="login_heigh"><div id="box_na">User Area</div><div id="box_mit" class="box_mit">{_boxes_login_respoon}</div></div>{_list_menunr1@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <div id="left_col1" class="tabcontent">{_list_menunr2@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <div id="left_col2" class="tabcontent">{_list_menunr3@<div id="box_na">%1</div><div id="box_mit" class="box_mit">%2</div>}</div>
    <script type="text/javascript">
    var countries=new ddtabcontent("countrytabs1")
    countries.setpersist(true)
    countries.setselectedClassTarget("link") //"link" or "linkparent"
    countries.init()
    </script></div><br class="break"/>
    <div id="footer">All Rights by {SITENAME}<br><a class="corp" href="http://www.maretz.eu" title="Maretz.eu Designs">Maretz.eu Designs</a> <i class="fa fa-compress"></i> <a class="corp" href="http://www.ilch.de" title="Ilch.de">CMS by Ilch.de</a><a class="nach_oben" href="#anfang" title="nach oben"><i class="fa fa-hand-o-up fa-lg"></i></a></div>
    </div>
    <div id="abst"></div>
    </div>
        <script src="include/designs/mar_ReSpoon/js/jquery.responsiveTabs.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#horizontalTab').responsiveTabs({
                    rotate: false,
                    startCollapsed: 'accordion',
                    collapsible: 'accordion',
                    setHash: true,
                    disabled: [4,5]
                });
    
            });
        </script>
    </body></html>
    <!-- {_list_hmenupoint@<li><a target="%1" href="%2" title="%3">%3</a></li>}
    {_list_hmenubegi@}
    {_list_hmenuende@}
    {_list_vmenupoint@<a target="%1" class="verti_but" href="%2" title="%3">%3</a>}
    {_list_vmenubegi@<div id="verti-but">}
    {_list_vmenuende@</div>}//-->



    Zuletzt modifiziert von mprambo2 am 06.12.2015 - 13:51:03
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Setze mal den Jquery Link von Zeile 95 in den Header.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    mprambo2 Mitglied
    Registriert seit
    21.07.2005
    Beiträge
    94
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer
    Setze mal den Jquery Link von Zeile 95 in den Header.


    dann sieht das so aus:
    mprambo2.de

    last button reihe funz nicht mehr und schnee kommt leider immer noch nicht hmmm

    ps. ich dir ftp zugriff auf diesen design ordner mal einrichten und die daten per pn geschickt zwinker


    ___________________________________________

    DANKE DIR HIER NOCHMAL !!! NUN FUNZ ES SUPER !!!


    Zuletzt modifiziert von mprambo2 am 06.12.2015 - 17:17:42
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten