toggle didnt not work me as well i tried every thing i feel like i cant even move on from lecture 17

sami313 commented 9 years ago

//index file <?php include('config/setup.php'); ?>

<!DOCTYPE html>

<?php echo $page['title'].' | '.$site_title; ?> ``` ```

```

                                                              //CSS FILE

<?php // CSS:

?>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

        <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

    <!-- JQuery CSS-->
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

    <!-- FontAwesome-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <style>
        html,
        body{
            height: 100%;
            /* the html and body elements cannot have any padding or margin */
        }
        /* Wrapper for page content to push down footer BUT YET I DIDNT ADD WARP DIV FOR CONTENT*/
        #wrap{ 
            min-height: 100%;
            height: auto;
            /* Negative indent footer by its height */
            margin: 0 auto -60px;
            /* pad bottom by footer height */
            padding: 0 0 60px;
        }

        /* Set the fixed height of the footer here */
        #footer {
            height: 60px;
            background-color: #f5f5f5;
        }

        #btn-debug{

            position: absolute;

        }
        #console-debug{

            position: absolute;

        }

    </style>

                                    /////////////// JS FILE ////////////////////////////

    <?php
//Javascript:

?>

<!-- JQuery -->

    <!-- JQuery UI -->

    <script>

        $(document).ready(funtion() {

            $("#console-debug").hide();

            $("#btn-debug").click(function() {

                $("#console-debug").toggle();

                });
            });

    </script>

creptor commented 9 years ago

I can't understand your problem, please be sure to specifi it well and to report any errors found on the page AND then i may ask you for some files, the lines of code that you pasted are hard to work at least for me :cry:

sami313 commented 9 years ago

My problem is that my < div id="console-debug"> test debug window

that test debug window never hide it self its always on screen like hardcode now pleasw tell me sloution i tired my best :(

creptor commented 9 years ago

don't worry I got it... please giveme your js.php file please

And i need to know if you are working in 'localhost'

sami313 commented 9 years ago

<?php
//Javascript:

?>

        <!-- JQuery -->
    <script scr="https://code.jquery.com/jquery-1.10.2.min.js"></script>  

            <!-- JQuery UI -->
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

    <!-- Compiled and minified JavaScript -->
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

    <script>

        $(document).ready(funtion() {

            $("#console-debug").hide();

            $("#btn-debug").click(function() {

                $("#console-debug").toggle();

                });
            });

    </script>

sami313 commented 9 years ago

home page sami site

sami313 commented 9 years ago

as you can see the i never even click debug button its always there as my page load ..yes i am working local host i tried my best to locate the problem please help me

creptor commented 9 years ago

using https could make the browsers deny info if you do not have a valid certificate, try to use http and see if the problem is solved. if it's not that just let me know.

PD: the links to the javascript files are fine.. just replace https:// to http://

sami313 commented 9 years ago

i did all the stuff ..should i download jquery and add them locally ??? please help me out i really want to listen your all lecture but with this 17 i am stuck :( thanks for your support

sami313 commented 9 years ago

can you send me your email or any thing ...if you want i can mail you rar copy of code so you have load it and run it

sami313 commented 9 years ago

home page sami site

sami313 commented 9 years ago

its not hiding (window test debug)....i just want to bang my head against wall now :D i have already added every library locally so that http or https things get over ..man please please you have to help me on that i have already killed my 3 days on it ..i need to gear up

sami313 commented 9 years ago

<?php //Javascript:

?>

        <!-- JQuery -->
    <script scr="js/jquery-2.1.3.min.js"></script>  

            <!-- JQuery UI -->
<script src="js/jquery-ui.min.js"></script>

    <!-- Compiled and minified JavaScript -->
<script src="dist/js/bootstrap.min.js"></script>

    <script>

        $(document).ready(function() {

            $("#console-debug").hide();

            });

    </script>

JasonMate commented 9 years ago

Try this?

On Sat, Mar 21, 2015 at 6:51 AM, sami313 notifications@github.com wrote:

<?php //Javascript:

?>
    
<script scr="js/jquery-2.1.3.min.js"></script>

        

<script>

    $(document).ready(function() {

        $("#console-debug").hide();

        });

</script>
— Reply to this email directly or view it on GitHub https://github.com/thedigicraft/Atom.CMS/issues/110#issuecomment-84331896 .

sami313 commented 9 years ago

i have tried that as well its not working

sami313 commented 9 years ago

yahhhhhhhhhhhhhhhhhhhhhhhhhhhhhooooooooooooooooooooooooooooo man finally i did it :dancer:

sami313 commented 9 years ago

this way it will work only if you write the code this way

sami313 commented 9 years ago

<?php
//Javascript:

?>

        <!-- JQuery -->
    <script scr="js/jquery-2.1.3.min.js"></script>  

            <!-- JQuery UI -->
<script src="js/jquery-ui.min.js"></script>

    <!-- Compiled and minified JavaScript -->
<script src="dist/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="js/jquery-2.1.3.min.js" ></script>

<script type="text/javascript">

    $(document).ready(function() {

        $("#console-debug").hide();

            $(window).load(function(){ 

                $("#btn-debug").click(function(){

                    $("#console-debug").slideToggle(400);

                }); 

        });

    });

</script>

JasonMate commented 9 years ago

Happy dance. Party at Alan's house!

On Sat, Mar 21, 2015 at 8:29 AM, sami313 notifications@github.com wrote:

— Reply to this email directly or view it on GitHub https://github.com/thedigicraft/Atom.CMS/issues/110#issuecomment-84357859 .

sami313 commented 9 years ago

yah man i was stuck on that from last three days .... :dancers: and where is alan's house i am not familiar with that tearm :dancer:

creptor commented 9 years ago

nice job finding a way to resolve your problem :smile:

thedigicraft / Atom.CMS

toggle didnt not work me as well i tried every thing i feel like i cant even move on from lecture 17 #110