Login

07-29-2011, 02:11 PM

[eluser]Fredrik-s[/eluser]
Hello,

I try to open a link with jQuery's attr-code. But it doesn't work, the url won't change in Codeigniter. Is Codeigniter messing this up? For the exact same code works when not using Codeigniter.

Greetings Fredrik-s

07-29-2011, 02:22 PM

[eluser]regal2157[/eluser]
whats the value jQuery provides you in CI?

possibly post a little code or link

07-29-2011, 03:26 PM

[eluser]Fredrik-s[/eluser]
[quote author="regal2157" date="1311988959"]whats the value jQuery provides you in CI?

possibly post a little code or link[/quote]

Thanks for reply regal2157!

I use the following jQuery/Javascript code:

Code:
$('#linkness').attr('href', 'http://google.com');

And the following URL structure

Code:
<a id="linkness" href="#">An anchor</a>

When I the hover the link on a page where I use CI, I get the link structure of the current page I'm on and not "http://google.com". But when I do the exact same on a page not using CI, the link shows correct and I can click it and go to "http://google.com"

How come?

07-29-2011, 03:39 PM

[eluser]regal2157[/eluser]
Is your jquery source correct?

also, I am not seeing the point of this honestly.. why would you not just make the href the link.

07-29-2011, 09:05 PM

[eluser]byde[/eluser]
pls, post all you jquery code

07-31-2011, 10:26 AM

[eluser]Fredrik-s[/eluser]
I found a thread - can't find it now - stating that CI breaks the jQuery link structure which makes the code provided not working. And there were some work around to manage the jQuery link structure.

Here is the code doe:

View-file

Code:
<div class="demo"> 

    <div id="demo-vanster"></div>

    <div id="demo-mitt">

        <a id="b" href="">Test link</a>

    </div>

    <div id="demo-hoger"></div>

</div>

header thats get included:

Code:
<!DOCTYPE html> 

&lt;html dir="ltr" lang="sv-SE"&gt; 

&lt;head&gt; 

&lt;meta charset="UTF-8" /&gt; 

&lt;title&gt;&lt;? echo $title ?&gt;&lt;/title&gt;

&lt;link rel="icon" href="link/images/favicon.png" type="image/png"/&gt;

&lt;link href='googleapis/css?family=Nobile' rel='stylesheet' type='text/css' /&gt; 

&lt;link rel="stylesheet" type="text/css" media="all" href="link/css/style.css" /&gt; 

&lt;link rel="stylesheet" type="text/css" href="link/jquery/development-bundle/themes/base/jquery.ui.all.css" /&gt;  

&lt;link rel="stylesheet" type="text/css" href="link/jquery/css/smoothness/jquery-ui-1.8.13.custom.css" /&gt;    

&lt;link rel="stylesheet" type="text/css" href="link/jquery/development-bundle/fastconfirm/jquery.fastconfirm.css"/&gt;

[removed][removed] 

[removed][removed] 

[removed][removed]

[removed][removed] 

[removed][removed]

[removed][removed] 

[removed] 

    $(function() {

        $( "button, input:submit, a", ".demo" ).button();

        $( "a", ".demo" ).click(function() { return false; });

    });

    $('b').attr('href', 'http://google.se');

[removed] 

[removed]

$(document).ready(function(){

   $("#click").bind('click', function(){

      $("#div_to_popup").bPopup();

      return false

   });

});

[removed]

&lt;style type="text/css"&gt;

    #div_to_popup {display:none;}

    #div_to_popup {

        background-color: #fff;

        height: 200px;

        width: 200px;

        -moz-border-radius: 15px;

        border-radius: 15px;

    }

    .bClose {cursor:pointer;font-weight:bold;position:absolute;right:15px;text-decoration:none;top:10px;}

&lt;/style&gt;

&lt;/head&gt; 

&lt;body&gt;

    <div id="menu">

        <div id="menu-left"></div>

            <div id="menu-middle">

                <a href="start.php">Start</a>

            </div>

        <div id="menu-right"></div>

    </div>

07-31-2011, 12:55 PM

[eluser]byde[/eluser]
$('b').attr('href', 'http://google.se'); ???????
try $('#b').attr('href', 'http://google.se');