Jump to content
The light hurts my eyes! ×

Archived

This topic is now archived and is closed to further replies.

homer.favenir

javascript in codeigniter is not workign

By homer.favenir, in Frameworks

Recommended Posts

homer.favenir    0

homer.favenir
Posted

hi,

i have a javascript menu bar

it has 1 folder (lib folder) and

five files (menu.php - this is the index, demo.css, demo.js, mootools.js, .project).

it is working on standalone.

my question is how and where can i save this files in code igniter to work.

i copy/paste it in the view and change the controller function index() to

$this->load->view('menu',$data).

 

but the effects didnt work, it should slide down, but what it did is just a link

 

my menu.php script is 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="demo.css" type="text/css" />
    [removed][removed]
    [removed][removed]
    <title>MouseEnter Demo</title>
</head>
<body>
    <div id="myElement">
    </div>
    
    <div id="myOtherElement">
        <span><strong>Menu</strong></span>
        <div>
            <a href="#">Client 1</a>
            <a href="#">Client 2</a>
            <a href="#">Client 3</a>
        </div>
    </div>
</body>
</html>

Share this post

Link to post
Share on other sites

wildteen88    3

wildteen88
Posted

You should place all your static files (css, js, images etc) where your index.php file is.

Share this post

Link to post
Share on other sites

Liquid Fire    0

Liquid Fire
Posted

You should place all your static files (css, js, images etc) where your index.php file is.

That is a pretty ugly structure to have your index.php, css, images, and js is the same folder without be able to break it up.

Share this post

Link to post
Share on other sites

wildteen88    3

wildteen88
Posted

You can place your images etc within separate folders too if you wish. The folders must be in the same directory as your index.php file though.

 

You should not be putting any static content anywhere in your application folder. I tend to setup my CI directory structure like so

 

My CodeIgnitor App
|
+-- System/
|
+-- Application/
|
+-- static/
|    |
|    +-- images/
|    |
|    +-- js/
|    |
|    +- style.css
+- index.php

 

When loading say style.css within my views for example I'd use

<link rel="stylesheet" type="text/css" href="<?php echo base_url().'static/style.css'; ?>" />

 

 

Share this post

Link to post
Share on other sites

Liquid Fire    0

Liquid Fire
Posted

You can place your images etc within separate folders too if you wish. The folders must be in the same directory as your index.php file though.

 

You should not be putting any static content anywhere in your application folder. I tend to setup my CI directory structure like so

 

My CodeIgnitor App
|
+-- System/
|
+-- Application/
|
+-- static/
|    |
|    +-- images/
|    |
|    +-- js/
|    |
|    +- style.css
+- index.php

 

When loading say style.css within my views for example I'd use

<link rel="stylesheet" type="text/css" href="<?php echo base_url().'static/style.css'; ?>" />

 

 

 

Ah... I thought tou mean something like

My CodeIgnitor App
|
+-- System/
|
+-- Application/
|
+- jquery.js
+- site.css
+-etc...
+- index.php

Share this post

Link to post
Share on other sites

homer.favenir    0

homer.favenir
Posted

i got it!

i copy/paste the javascript directory after the base url.

C:\xampp\htdocs\DSValidator\javascript

and change my script to

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="<?php echo base_url(); ?>javascript/demo.css" type="text/css" />
    [removed][removed]
    [removed][removed]
    <title>MouseEnter Demo</title>
</head>
<body>
    <div id="myElement">
    </div>
    
    <div id="myOtherElement">
        <span><strong>Menu</strong></span>
        <div>
            <a href="#">Client 1</a>
            <a href="#">Client 2</a>
            <a href="#">Client 3</a>
        </div>
    </div>
</body>
</html>

maybe this will help to anyone who have the same issue.

im sorry but i didnt made the [remove][/remove] tag.

its in the forum

 

thanks for all the help guys.

 

Share this post

Link to post
Share on other sites
Go To Topic Listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept