Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Lightbulb Who can simplify this complex script?

    Who can simplify this complex script?-screenshot-test-enshrine-2014-06-13-19-42-00.png

    View the above attached image and Click at the pointed area in the main website which is test.enshrine.in and notice that, there are 4 js files which are required for click action. JS files also contained some unwanted functions.

    So now just try to

    1) Remove unwanted Jquery functions.
    2) Create Smooth Marquee Scroll function.



    (Now my question is why for such a small click function, it is using 4 JS files. Can somebody make it simple? )


    Visit this URL test.enshrine.in Jquery Design

    Source Code:

    <!DOCTYPE html>
    <html lang="en-US">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Jquery" />
    <title>Jquery Design</title>

    <link rel='stylesheet' id='main-style-css' href='css/style.css' type='text/css' media='all' />
    <link href="css/ticker.css" rel="stylesheet">
    <script type='text/javascript' src='js/js.js'></script>
    <script type='text/javascript' src='js/min.js'></script>
    <script type='text/javascript' src='js/ticker.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>
    </head>


    <body>

    <section id="top-bar"></section>

    <div class="trigger_container">
    <span class="trigger"></span>
    <div class="toggle_container" style="display: none;">
    <p><marquee behavior="scroll" direction="left">Can you simplify this complex script?</marquee></p>
    </div></div>


    </body>
    </html>
    Attached Thumbnails Attached Thumbnails Who can simplify this complex script?-simplify.png  
    Last edited by punitsahay; 06-14-2014 at 03:18 PM. Reason: Now its bit better to understand my question.

  • #2
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Click at the center of the orange bar which has "span.trigger" function.
    Quote Originally Posted by punitsahay View Post
    Who can simplify this complex script?-simplify.png

    Challenge 1) Remove unwanted Jquery functions.
    Challenge 2) Create Smooth Marquee Scroll function.

    (Note: Simplify 4 Javascript files are required )

    Visit this URL Jquery Design

    Source Code:

    <!DOCTYPE html>
    <html lang="en-US">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Jquery" />
    <title>Jquery Design</title>

    <link rel='stylesheet' id='main-style-css' href='css/style.css' type='text/css' media='all' />
    <link href="css/ticker.css" rel="stylesheet">
    <script type='text/javascript' src='js/js.js'></script>
    <script type='text/javascript' src='js/min.js'></script>
    <script type='text/javascript' src='js/ticker.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>
    </head>


    <body>

    <section id="top-bar"></section>

    <div class="trigger_container">
    <span class="trigger"></span>
    <div class="toggle_container" style="display: none;">
    <p><marquee behavior="scroll" direction="left">Can you simplify this complex script?</marquee></p>
    </div></div>


    </body>
    </html>

  • #3
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,068
    Thanks
    0
    Thanked 256 Times in 252 Posts
    What exactly is the purpose of this?
    Glenn
    ____________________________________

    My Blog
    Tower of Hanoi Android app (FREE!)
    Tower of Hanoi Leaderboard
    Samegame Facebook App
    vBulletin Plugins
    ____________________________________

  • #4
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Who can simplify this complex script?-simplify.png
    Click at the pointed area and find which script is only important for this.

  • #5
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Visit: Jquery Design to and click at the pointed area which is shown in the picture and find which script is required for this?

  • #6
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    3
    Thanked 36 Times in 36 Posts
    Like Glenn said, we like to know the purpose of the matter. We (I) don't do homework assignments. Please show us a real website that you're working on; enshrine.in is no such site.

  • #7
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    test.ensrine.in

    Visit: www[dot]test[dot]enshrine[dot]in

    I mentioned everywhere the website address is test.enshrine.in
    Please note test is the sub-domain of enshrine.in

    Quote Originally Posted by Frankie View Post
    Like Glenn said, we like to know the purpose of the matter. We (I) don't do homework assignments. Please show us a real website that you're working on; enshrine.in is no such site.

  • #8
    New to the CF scene
    Join Date
    Jun 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Remove one .js and check if it works or not.
    Similarly remove other and check if this works or not.
    If 2-3 are removed, then check if it works with only a few is good.

    This is only way you can know.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •