Hmmm. It didn't seem to work for me in FF. The first item loaded, but
click "A história" loaded it on its own (not within the div).
Declare the second function at the top of your script like so:
bindContentLinks = function(){
//bind click function to a tags within object that has class nav
$('a','#total').click(function(){
$(this).blur();
$('div','#total').removeClass().addClass("troca");//remove all
classes for divs within div that has class nav
var mya = $(this).parent();//find the parent div of "this"
$(mya).removeClass("troca").addClass("nav_one_selected");//remove
all classes from the parent div and add the class nav_one_selected
var linkval = $(this).attr("href");//store the href value of the
anchor tag
$('#total').load(linkval);//replace the contents of the div
id="page" with the AJAX response of the linked page
return false;//since the data is being loaded via AJAX, we don't
want the link to be followed
});
};
The modify this line on your first function for the menus:
$('#total').load(linkval, function(){
// when new information is loaded, the links within the page will
need to be binded
bindContentLinks();
});
On May 5, 6:44 pm, "Paulo Gabriel Antunes" <[EMAIL PROTECTED]> wrote:
> DONE!! The problem was that i should also link the script in every file, so
> it could load in the 'total' itself....
> thanks!! checkwww.svplace.comtomorrow to see it working. =D
> Paulo
>
> On 5/5/07, Paulo Gabriel Antunes <[EMAIL PROTECTED]> wrote:
>
>
>
> > yes, it's the second. the example you sent it pretty good, it's almost
> > what i want....
> > but i'm having a little trouble with it.
>
> > notice that i got links on a div id=menu, and the content is loaded in the
> > div id=total...
> > the main issue, is that i also got links on the 'total' itself, links that
> > should work properly, just changing the content of the 'total' to the
> > content link clicked before.
>
> > i updated my site so you can check what my problem looks like.
> > click the first menu item "smallville", then click the link called "a
> > história". the last one should also be loaded in 'total'....
> >www.svplace.com/teste
>
> > thanks
> > Paulo
>
> > On 5/5/07, Shelane <[EMAIL PROTECTED]> wrote:
>
> > > You're loading all these pages at once? Or, you're saying that
> > > clicking a specific "menu item" will load content for that "menu
> > > item"?
>
> > > If it's the first, you want to do the first I said, (the .html..)
>
> > > if it's the second...
>
> > > Look at my example here:http://education.llnl.gov/jQuery/
>
> > > This loads content specific to each of my example items from different
> > > pages.
>
> > > What language is your site in? Is that in Portuguese?
>
> > > On May 5, 9:44 am, "Paulo Gabriel Antunes" <[EMAIL PROTECTED]> wrote:
> > > > ok, you almost got what i wanted.
> > > > i would use the first code you gave me,
> > > > but instead of using just one content,
> > > > i have lots of html files, which are linked by many links,
> > > > and all this content is loaded, each at a time on this div.
> > > > you can check this on my
> > > > website:www.svplace.com/index2.html(just<http://www.svplace.com/index2.html%28just>look
> > > > for
> > > > the menu links)
> > > > and on my function.js:
>
> > > > function loadpage(page_request, containerid){
> > > > if (page_request.readyState == 4 && (page_request.status==200 ||
> > > > window.location.href.indexOf("http")==-1)){
> > > > document.getElementById(containerid).innerHTML=page_request.responseText
>
> > > > document.getElementById(containerid).style.overflow="visible"
> > > > Effect.Appear('principal');}
>
> > > > else{
> > > > document.getElementById(containerid).style.overflow="hidden"
>
> > > > }
> > > > }
>
> > > > and
>
> > > > function change(pagina, div, par){
> > > > document.getElementById("principal").style.display="none";
> > > > if (document.getElementById ("principal").style.display == "none")
> > > > ajaxpage(pagina, div);
> > > > if (pagina != 'ajaxfiles/m240Open.php' && par==true){
> > > > Effect.BlindUp ('menu2');
> > > > }
>
> > > > }
>
> > > > See? that makes me load any content i link like this:
> > > > <a href="javascript:change('smallville/smallville.html', 'total');">.
>
> > > > Could anyone help me?
> > > > Paulo
>
> > > > On 5/4/07, Shelane <[EMAIL PROTECTED]> wrote:
>
> > > > > If you div doesn't have an id, give it one.
>
> > > > > You'll do this:
>
> > > > > $('#mydivid').load(urlwhereyourcontentis);
> > > > >http://docs.jquery.com/Events#load.28_fn_.29
>
> > > > > or if it's specific content that you know:
>
> > > > > $('#mydivid').html('<p>my content</p>');
> > > > >http://docs.jquery.com/DOM/Attributes#html.28.29
>
> > > > > or if it's only text
>
> > > > > $('#mydivid).text('my text here');
> > > > >http://docs.jquery.com/DOM/Attributes#text.28_val_.29
>
> > > > > hope that helps
>
> > > > > On May 4, 2:13 pm, Paulo Gabriel <[EMAIL PROTECTED]> wrote:
> > > > > > Hey everyone!
> > > > > > This is the first time i'm using JQuery, and i'm having big
> > > trouble
> > > > > > trying to make it work.
> > > > > > Before JQ, i had scriptaculous and prototype running my site, but
> > > i
> > > > > > need JQ to detect the user's resolution, so i could give him the
> > > > > > proper background.
>
> > > > > > But now, my old function that made my content load on a
> > > pre-existing
> > > > > > DIV (note that all my content loads on this div) doesn't work
> > > anymore.
> > > > > > I know JQ can do all the job replacing Scriptaculous and Proto,
> > > but i
> > > > > > just can't make it work.
>
> > > > > > Could anyone help me please? I gotta air my new site TOMORROW!
> > > That's
> > > > > > to only thing that's holding me back.
> > > > > > thanks
