AJAXed website - Automatically convert to AJAX website - com.bydust.ajax //. byDust ( New media, Design and Web developer : Nick Van der Vreken )

#204

February 15th, 2010

Erik says:

Hi…

I just posted my clients website with your ajaxed framework and I’m getting complaints the website is “showing up as text” at first and appears correctly after a refresh”. I myself haven’t seen this problem yet, but other viewers are.

I am puzzled…

The only reason I can think, I’m still posting the website through a sub domain for designing purposes.

Could everyone take a look at this and see if the same problem occurs?

http://www.naturalskin.com/ras/

Many thanks.

Cheers,
Erik

#203

November 23rd, 2009

Caillou says:

This is a very or js. I enjoyed it. I’m trying to put it into wordpress theme but it does not work. You can help me? This is my Gmail.

#202

November 20th, 2009

Jim says:

Hi Nick,

Just wanted to thank you…
My whole website is now done, with additional api’s , like google search,translate, ive written em in jquery….

Hope you like em…
check it out here http://www.jobstriker.com

Thanks for this…appreciate it!

Regards,
Jim.

#201

November 15th, 2009

Nick says:

Hi Travis,

the content is replaced because wrapping divs are added, in order to animate and replace the content. Links are also changed so they’d work with AJAX instead of the regular browser functions. (but this is done through the DOM, has nothing to do with the replacement)

Cheers,

Nick

#200

November 12th, 2009

Travis says:

Hi Nick -

Great script. I was curious why, in the initialization of the script, you are resetting the content of the primaryRegion with its own innerHTML content (line 159). Is the purpose of this to strip any previous event handlers from that content area that might conflict with your AJAX controller?

Thanks,
Travis

#199

October 30th, 2009

Nick says:

Hi Maicol,

if you need to trigger the AJAX via flash you can use some built-in classes to talk from flash to javascript (google). The getURL() function from Flash allows you to call HTML pages too as Sharon said.

Sharon, thanks for the help :)

#198

October 30th, 2009

George says:

Thanks, it worked.!

#197

October 30th, 2009

Sharon says:

Hi George,

Im sure Nick(the author) appreciates you like the script.

I just tested it, YES! IFrames do work and get refreshed.
You can add it to the refresh div, or in main content area.

It will reload the HTML of the iframe within the div.
No Javascript within iframe.
However, the html you are calling within the iframe, may have javascript, it does not need to be parsed, it is just called.(reloaded)

Hope this helps!

If Im wrong, im sure Nick will correct me :)

Regards,
Sharon.

#196

October 30th, 2009

George says:

Hi Nick,

Can we use iframes in the main content area with your code.
Would it parse the data and refresh it.

Actually, i have already implemented your script, and uploaded it to my website, i dont want users to see a faulty page while i test if it works.

Thanks for the script btw. :)

George.

#195

October 25th, 2009

Sharon says:

Hi Maicol,

As per my knowledge about flash, which is very limited, there is a “action” event to be specified for links.

which is something like this:

on(release){ getURL("http://www.mysite.com", "_blank") }

Firstly, use the full url(http://www.mysite.com/xyz.html), then make the target, _self, instead of getURL try bda.getURL.

Also, if you say its not working, also add what all you have tried.

Basically, I don’t think the ajax script can read into the flash, so it looks at it as an outside link.

You can also try

getURL(bda.getUrl("http://www.mysite.com/xyz.html"))

Please post what all you have tried, what you have found, what works partially, if at all.

Regards,
Sharon.

#194

October 24th, 2009

maicol R says:

Thanks Sharon, but did not work..

=(

#193

October 23rd, 2009

Sharon says:

Hi Maicol,

Try:
For Url :

bda.getURL(url)

For Form:

bda.postForm(form_object)


Hope that helps, if im wrong, Nick(the author) will help you!

Regards,
Sharon.

#192

October 23rd, 2009

maicol says:

sorry I did not understand, what is the function that I have to use to call the pages by flash?
someone could tell me the function that is the button?

thanks
Maicol

#191

October 23rd, 2009

Sharon says:

Hi Ganry,

Please dont spam.

If you were posting code. On the top of text area to post your message there are specifications, on how to post code.
=================================================
Please use “

" to insert code:

 your code here

=================================================

Thanks,
Sharon.

#190

October 21st, 2009

sharon says:

YOU ARE A GURU! :)
BOWS…

You solved my problem.

If ever I make any money off this site, i will definately donate.

Thank you so very much, Nick. I really mean it!!!
*hugs*
xoxoxo

#189

October 19th, 2009

sharon says:

sorry , but forgot to add
the initial page that gets translated is fine…
it saves the language to translate in a cookie, and on navigating to another page, fetches it and translates it to the previously selected language…thats when this funny behaviour of the page , happens…

thanks a ton, once again…

Sharon :C

#188

October 19th, 2009

Nick says:

Hi Sharon,

use

$('#bda_content, #id-of-your-content-area' ).css('height', 'auto');

, or set the overflow property on “visible”. You need to do this after the translating has been done :)

Cheers,

Nick

#187

October 19th, 2009

sharon says:

Hi Nick,

hope you had a good weekend!

having a small problem, :C
I implemented jquery-translate to my site.
Basically it translates all text on page on a drop down click.

Everything is fine, the jquery is compatible with your code.:)

There is a small problem. Once the page translates to the respective language:

It either leaves some space in the content div(i.e after translation the content gets compacted more, and blank space is below the translated content in the content div).

OR

the content translated, is larger(expands more) than the content div, and then overflows and gets hidden and sort of pushed below the div end.

Im quite fustrated, coz i tried everything, overflow : auto, overflow : scroll.

Then it struck me, that when the data is being parsed and pulled by your script, it take the fixed size of the “content” div of the page being called.

Please help me out…is there any way, in your script to make the content div called, flexible, or translate the text while it is being fetched on the fly or any other solution…

really appreciate it…google’d it but nothing…
even a hint would be great!

thanks nick.

Warm Regards,
Sharon.

#186

October 15th, 2009

sharon says:

Hi Nick,

Thank you :)
Worked using load_complete.

Thanks a bunch!

As always your the man ;)

Regards,
Sharon

#185

October 13th, 2009

Nick says:

Hi Sharon,

I don’t know anything about Google’s ajax stuff, but a dirty solution might be to trigger a reload on the page load, so that the script is automatically reloaded. (much overhead and not recommended ), or run your load_complete handlers if you’re using any.

maicol: Google. Don’t spam

#184

October 12th, 2009

Sharon says:

Hi Maicol,

Have you tried hard coding the links.
Basically the same link that you put in a general
link. Eg:-

<a href="xyz.html" rel="nofollow"> <a / rel="nofollow">

The same link goes into your action for flash.

If that didn’t work, what was the error. BTW upload and try, script does not work locally.

Regards,
Sharon.

#183

October 11th, 2009

maicol R says:

Hi,

how to make a menu in flash and connect it to ajax?
simple getURL does not work =/

tks ;D

#182

October 10th, 2009

Sharon says:

Hi Nick,

Thanks, but my site is not hosted on worldpress…:(

Having a small problem in ie, i have implemented google ajax search with your ajax script, in all browsers it works fine.:D

But, in IE7, the page loads fine, if i search, i get an error, done with errors, method not supported on some line number which is not really relevant coz the page expands with the results.

I think it has something to do with crossdomain.xml, so I used a crossdomain.xml, with macromedia flash dtd, which is supposed to work.

The first time I search i get the same error, but subsequent searches(after reloading the page), works fine!

Could you please advise. Do I need to call crossdomain.xml from somewhere on page load? :)

Have a great weekend bud :)

Thanks,
Regards,
Sharon.

#181

October 8th, 2009

Nick says:

Hi Alex,

as Sharon said, a charset with UTF-8 should help you.

Sharon, you can set your blog domain to http://www.whatever.com in WordPress settings, if one browses to your domain without the WWW he’ll be automatically redirected.

Cheers,

Nick

#180

October 8th, 2009

Sharon says:

Got it!
Shucks! sorry, can u remove my useless posts from here…just fills up space…

http://www.isitebuild.com/301-redirect.htm

Thanks,
Sharon.

#179

October 8th, 2009

Sharon says:

Hi Nick,

Something off topic, im sorry about it really, but didnt know how to look for it on google.(dont know what to search for) would appreciate a hint.

If i type http://mysite.com it loads and then all the links open in a new page.
but, if i type http://bydust.com for example, it goes to http://www.bydust.com... which is cool.

I would like mysite to do that as well.

Maybe it is something elementary, but i dont know :( ,
is it something i need to change in .htaccess, or something else.

Please do tell!

Warm Regards,
Sharon.

#178

October 6th, 2009

Sharon says:

Hi Alex,

Google it dude… or use charset=UTF-8

I hang around here while i develop me site ;)

Glad to be of assistance Sir Nick. :)

Regards,
Sharon.

#177

October 6th, 2009

Alex says:

Hi Nick,
thank you for the description about the function, now I’m understand it.
Sorry that I’m ask so much, but I don’t know how to solve my problems. And now I’m having a new problem, I’m using the ISO-8859-1 Charset at my Website, but if I write for example “ä” to print an “ä”, theres a strange symbol.

Thank you

#176

October 6th, 2009

Nick says:

Hi Sharon,

I’m glad the URL’s work :)
You can post code here using the pre-tag, see the note above the comment window. Most other tags are filtered out for security purposes (Can’t let someone run javascript here).

Hi Alex,

normally forms are altered automatically, but if it wouldn’t work you can add the attribute ‘onsubmit’, which Sharon posted(ty). What these attributes do is tell the browser he should let the AJAX script handle the form. That’s basically it :)

Normally the attribute ‘onsubmit’ is added automatically if the form does NOT have the class “bda_ignore”. If it does, this class tells the script to fuck off :).
If the onsubmit attribute is not automatically added you can add it manually. The “bda_ignore” class is not longer important then.

<form action="http://whatever/postedhere.php" method="post" onsubmit="bda.postForm(this); return false;" >blah</form>

Cheers,

Nick

#175

October 6th, 2009

Sharon says:

Hi Alex,

The author, “Nick” would be the right person to answer your question.

As far as I know, it is a method, in the class he has written, which does the needful.

Regards,
Sharon.
Ps:- Just thought id help you out so you dont have to wait for Nick’s answer, he is quite busy i think, and does not get time to reply immediately…

#174

October 6th, 2009

Alex says:

OK, I think it works.
But I don’t know why, can you please explain, what this code does?
Thanks

#173

October 6th, 2009

Alex says:

Hey Sharon,
thanks for your fast answer.
I only have to copy this Part:
————–
onsubmit=”bda.postForm(this); return false;” class=”bda_ignore”
————–
in the Tag?
Thanks Alex

#172

October 6th, 2009

Sharon says:

=====================================================

form name=”contact” onsubmit=”bda.postForm(this); return false;” class=”bda_ignore” action=”http://www.yomama.com/contact_us.php?” method=”post”
=====================================================

#171

October 6th, 2009

Sharon says:

WTF cant post code here :(

#170

October 6th, 2009

Sharon says:

Whoops…

#169

October 6th, 2009

Sharon says:

hey Alex,

Try This…

Nick pls correct me if im wrong…

Regards,
Sharon,

#168

October 6th, 2009

Sharon says:

Thanks Nick!
You the MAN! ;)

absolutely fab!!!

#167

October 6th, 2009

Sharon says:

Hey Nick,

Thanks, will try that and let you know, what happened!

Should I make the links absolute as well, would that help the parsing process.

Hard Coding the links now!

Regards,
Sharon.

#166

October 6th, 2009

Alex says:

Hello,

first I want to say thank to the Author for this really great Script. You did a good job, this script is really simple to use.
But I have a problem, if I send my form, the .php Script becomes no POST Data.
Can please anyone help me?
Thanks

Greets from Austria

#165

October 5th, 2009

Nick says:

Hi Sharon,

the browser cache has nothing to do with absolute or relative urls to files, the images will be cached either way. If you link to all files loaded in your pages with absolute urls you should be ok (css, js, images, … ).

Cheers,

Nick

#164

October 5th, 2009

Sharon says:

Hi Nick,

:( so if the user visits the page again, the load goes on to the server, i.e the image has to be downloaded again, and cannot be used from the cache of the browser.

I like your script a lot, especially because the load on the server is less, bandwidth gets saved.

If i do what you have suggestd, and have n number of subfolders, i will still have a problem? or all will be ok then…

Thanks,
Sharon.

#163

October 5th, 2009

Nick says:

Hi Sharon,

the script cannot work with files in different folders if you use relative paths to your images. You’ll need to use absolute paths to the images ( htttp://blabla/image.jpg ) or restructure your site so it does not contain multiple folders.

Cheers,

Nick

#162

October 5th, 2009

Sharon says:

Hi Nick,

Having a small problem!

I have multiple folders.
Eg: in main public_html folder, resides my index.html
and have 3 folders, about_me, my_work, artists.

Now inside artists folder, there are more folders Eg:- karen, Ash, Jennifer.

Now, if i go directly to a page in jennifer folder, not navigating from index.html, after the hash # i get
#/jennifer/jennifer.html
All loads well.

Except now if i click the home link (index.html) all the images on it are broken. after the hash #/jennifer/index.html
but there is no index.html in jennifer’s directory.

Pls advise. What am I doing wrong!!
:(

Sharon.

#161

October 1st, 2009

Nick says:

Hi Jim,

thanks for letting me know, that’s quite a big typo indeed :( Sorry for the trouble :)

It has been fixed, I think you saved others a lot of searching ;-)

Hi Sharon,

that depends on the widget. I suggest you try it out, then you’ll know.
I’m not going to release future updates for this, I don’t have the time to work on it anymore.

Cheers,

Nick

#160

October 1st, 2009

Jim says:

Hi Nick,

Hope all is well…
Just wanted to let you know…in your examples of your scripts on the “Known bugs and errors” page you have given
“bda.currentHistoryLocation” to get the current location of page but it actually is
“bda.historyCurrentLocation”
Must be a typo…drove me nuts for a while :)

Regards,
Jim.

#159

September 30th, 2009

Sharon says:

Hi Nick,

Is it possible to add a widget alongside your script.:)

Thanks,
Sharon.

#158

September 30th, 2009

Sharon says:

Hi Nick,

Nothing whatsoever to do with your script, sorry!

IE base decode problem…
workaround http://www.websiteoptimization.com/secrets/advanced/ie-workaround-data-url.html

btw, are you coming out with any updates!?

Thanks,
Sharon.

#157

September 29th, 2009

Nick says:

Hi Sharon,

normally bda_ignore should do the trick, maybe IE does not understand your src attribute as it is not a normal image url.

#156

September 29th, 2009

Sharon says:

Hi Nick,

Looks like i spoke too soon, all browsers are displaying he CAPTCHA image just fine. Except, IE7.

Opera, with Javascript disabled loads the page in seconds…
tried using bda_ignore for the image, but IE just wont budge.
Using:


<img class="bda_ignore" src="data:image/gif;base64," width=100 height=30 />

tried ?bda_ignore as well.

ah well, other browsers: chrome, safari, firefox…show the image just fine…

How should I go about, to ignore he image.

Rgds,
Sharon.

#155

September 29th, 2009

Sharon says:

Hi Nick,
Thanks for the hint! I used a CAPTCHA from here (http://www.huseynov.com/?page=capt) It does not use any session/cookies. Image is generated within one script and checked against md5 hash of a random code.
A few alterations have to be made to the “img” part of it, height & width otherwise the image doesnt load, and sometimes while loading, will give a warning from your script “Some pictures might not have been loaded…” which is normal because the image is generated on load into a temp folder which has chmod 777.
Just wanted to post it here, so if someone else was in search for CAPTCHA solution. Although, if you know a better solution that integrates well with your script, please let me know.
Thanks once again, Nick.
Regards,
Sharon.

#154

September 29th, 2009

Sharon says:

Hi Nick,

Thanks for the prompt reply…
Im using the php version from here(http://recaptcha.net/plugins/php/), they have scripts in nearly every language. php, asp, jsp, coldfusion.

Is there any other CAPTCHA you know of, that works well with your script, please let me know. It would be a great help.

btw, love what you have created, very easy to use for redundant people like me :).

Will give bda.get(url) a try!

Thanks,
Sharon.

#153

September 29th, 2009

Nick says:

Hi Sharon,

if the captcha works with javascript/ajax it will probably not work, as javascript in the loaded pages isn’t executed.
If you want to execute javascript on a page load, please use the load_complete event. I don’t know how your script works but the captcha is probably loaded by ajax.

load_complete is an event fired when the loading of a page is complete and the page is shown, you can do whatever you want in the event listener implemented to this page. (make another request by using bda.get(url) if you like)

Cheers,

Nick

#152

September 29th, 2009

Sharon says:

Hey Nick,

Hope all is well!
A quick question if I may.
Have created a php form, all is working fine…posting of data and all.
Used
onsubmit="bda.postForm(this); return false;" class="bda_ignore"
Worked like a charm.
The problem:
I want to use reCAPTCHA (http://recaptcha.net/) to avoid spam, from the form.
The script for the CAPTCHA to load is php, it loads fine if I call the form directly. i.e type in the full url till the form.
If I navigate to the form using menu, the php(reCAPTCHA) script does not load, just stays blank.
Im not calling the reCaptcha from another php file, im calling it in the main form.
between tags…
They(reCaptcha) also have an ajax demo (http://recaptcha.net/fastcgi/demo/ajax) could you please tell me how I could implement this, or if I can at all.
(Dumb question coming up)-> Is it possible to load php script using load_complete.

thanks, Nick.

Warm Regards,
Sharon.

#151

September 28th, 2009

Jim says:

Hi Nick,

Thanks, :)
Last night i dreamt that you came out with a script using jQuery lol :)

Going to keep using your script till that dream comes true ;)

Most probably will use jsp(java server pages) for the Db
so all should be well…

Thanks for everything!
Jim.

#150

September 27th, 2009

Nick says:

Hi Jim,

you can use whatever you want on the server side, that’s invisible to the script. It can only conflict with other javascripts loaded in the page (for example AJAX plugins or so).

If you’re hosting a large site containing movies and flash in the content the AJAX script may be in the way however, in that case it may be better not to use this script at all. Depends on the content I guess. you can always try and throw it out if it gives you too much trouble :)

Cheers,

Nick

#149

September 27th, 2009

Jim says:

Thanks Nick!

And if I haven’t mentioned earlier, thank you! for this wonderful app.

You have specified that it is only for static sites, but still, you keep getting bugged by everyone(like me ;) ) about everything else.

Took a look at ajaxify, By JQuery(http://maxblog.me/ajaxify/demo.php), although it looks tempting, its not even close to your code imo, coz, if you disable javascript in browser and check their demo, its SAD!- is not even functional.

I tested the few pages I created with your app with javascript disabled, and it is flawless. :)

So, thank you!

One question, in the future, if I decide to develop a database for my site, a full fledged registration, login and updating portal with sessions and validations, and backend with something like SQL, which technology should I use, and which would work with your app.

In a few days I should start converting my site, which is going to be a roller coaster, as all the pages are have the “dreaded HTML with tables”, and my new design is CSS Tableless around 1000 pages need to be updated.

Thus the question of the future, what do you advise.

Regards,
Jim.

#148

September 27th, 2009

Nick says:

Hi Jim,

as I said before, bda.currentHistoryLocation returns a String value, the URL of the page you’re on. That’s all I can help you with as I do not know how Google Analthics works.

#147

September 27th, 2009

Jim says:

Hi Nick,

the google analytics seem to not be getting the right data, been testing it over the weekend :(

please let me know how i can implement bda.currentHistoryLocation
and get the page name from it to be put in
the “/pagefilename1″ in the below code.

if (pageTracker != null) { pageTracker._trackPageview(); } else { var pageTracker; pageTracker = _gat._getTracker("UA-10519886-1"); pageTracker._initData(); pageTracker._trackPageview("/pagefilename1"); }

#146

September 26th, 2009

Jim says:

Hi Nick,

Pls discard the below posts.
I got it to work, just fine!

So, php loads fine in your app huh, Fantastic!

Im a lil slow, lol, will work on the analytics now, the php one. Call it from each page :)

Jim.

#145

September 26th, 2009

Jim says:

sorry Nick, the action code got omitted…
Form action:
img src="php/captcha.php" border="0"
captcha code:
img src="php/captcha.php" border="0"

*if this code pasted does not show, please let me know how i should go about posting code here (between what tags).

#144

September 26th, 2009

Jim says:

Hi Nick,

Hope you have a great weekend!

The Google analytics is not working correctly, however the ads are getting fed with the data :) , thank you, *bows* :)

Im having a problem with captcha and form posting was wondering if you could tell me how to post using
bda.postForm(form_object)
bda.getURL(url)

Im using a html based CSS, tableless form, with action:
=====================================================

and to get the CAPTCHA image

if i append “?bda_ignore” it does not make much difference. The action works but the CAPTCHA does not load.

The real time scenario is that the captcha image does not load the first time, but on clicking refresh, the image loads fine.(could it be a session creation problem!)

As for the posting of the form , would like your opinion on how to do that, should i use ?bda_ignore, or….

Thanks for the ads solution, and working on analytics… :( , google seems to be getting under my skin right now …lol :)

Have a great weekend. ;D

Jim.

#143

September 25th, 2009

Erik says:

I’m getting the pop up window, but without the animation and so forth. Augh!!! I’m going crazy. Oh well. Thanks.

Erik

#142

September 25th, 2009

Nick says:

Hi Erik,

I did not use any listeners for this, just added the script in the head of the page.

#141

September 25th, 2009

Erik says:

Nick,

1.3.2 works fine with a bit more speed it appears. I’m still having problems with the lightbox. I downloaded the LIGHTBOX2 you suggested. Did you use a Listener or BDA_ignore?

Erik

#140

September 25th, 2009

Nick says:

Hi Erik,

I don’t know. try it :)

Hi Jim,

I’m glad the load_complete event helped you out.
You should probably use the same approach for the ads, as javascript will not be processed in the ajax-loaded pages. If you tie event listeners to those pages and feed the banner data manually you can get it to work.
If Google Analythics can be called from PHP that should solve your problem too, as it will be called from the server and have the correct variables then. I suppose your stats will not be complete ( screen resolution etc ) but it’s something.

Cheers,

Nick

#139

September 25th, 2009

Jim says:

Hi Nick,
Sorry for being so vague, the first question was:
I have ads placed on the website, in particular sections of the pages(not in main “content”).
These ads are “javascript” based, so every page has the same ad code in them.
However, based on the keywords of a particular page, different ads are shown for each page.
I need to refresh the ads between their “div” tags, for each page.
i.e When I click on another page, as the content loads, i need the ads to refresh , like “sidebar”…only problem is its not text i want to refresh, its javascript.
Tried to refresh it using load_complete.
Does not work :( …

—–

Google analytics apparently can be called in php
—
http://www.google.com/support/googleanalytics/bin/answer.py?answer=55504&query=php&topic=&type=
—
Will still be a lil difficult to implement it!

Thanks for your help, btw, i got google’s ajax CSE to work! using load_complete. A small workaround, but totally worth it!

Thanks for your help and replies, Nick. Appreciate it!

#138

September 25th, 2009

Erik says:

Thanks Nick.

Do you see any problem if we upgrade to jquery-1.3.2.min.js

#137

September 24th, 2009

Nick says:

Hi Erik,

on this site I used Lokesh Dakars version of lightbox, one of the first and best imo.
http://www.lokeshdhakar.com/projects/lightbox2/

Cheers,

Nick

#136

September 24th, 2009

Erik says:

Nick,

Which window modal did you use?

Having no luck.

Erik

#135

September 24th, 2009

Nick says:

Hi Sarah,

glad it works :)
I know about the warning from several other people, but I never seem to get it and don’t know what causes it. Pretty damn frustrating! Thanks for telling though ;-).

Erik,

I see you’re using jQuery. There can be a class conflict, I remember having this problem too when building my site. It got solved when i loaded the jQuery library after the ajax class. I don’t have a clue what it could be other than a conflict.

Jim,

I have totally no clue what you are talking about in your first post.

the bda.currentHistoryLocation is a simple String variable containing the current location (normal url, not the # fixed one). I don’t know if you can just specify this as a paramter with Google Analythics code however (I dont see this option in your code below, maybe Google knows). In fact I don’t know anything about Google Analythics. :)
if the URL is not specified as a parameter the script probably takes the document.location variable, which contains the # sign. Can you call the Analythics code through PHP?

Personally I use PHP based trackers such as bbClone, because javascript tracking systems are unreliable in my opinion. People with javascript disabled will not see these, they will not load if severe javascript conflicts or errors have occured and so they will be inaccurate.

Cheers,

Nick

#134

September 24th, 2009

Jim says:

Hi Nick,

Another question :) , im so confused, huh!

Took your advice to load the “google analytics” code at the load_complete event.
Wrote the code (below), however it is not working…
I read your implementation guide, could you help me use
“bda.currentHistoryLocation” code in the below code, so as to get the analytics to pick up the right page.

Sorry to bother you so often, a novice developer here ;)

Thanks,
Jim.
========================================================
window.onload = function(){
var refreshed_content = Array(’!content’,’sidebar’,'reftitle’,'adtop’,'adbot’);
bda.addEventListener(’load_complete’,'triggerPageView’);
bda.start(refreshed_content);
}

function triggerPageView()
{
if (pageTracker != null)
{
pageTracker._trackPageview();
} else {

var pageTracker;
pageTracker = _gat._getTracker(”UA-10519886-1″);
pageTracker._initData();
pageTracker._trackPageview();
}
}
=======================================================

#133

September 24th, 2009

Jim says:

Hi Nick,

A small query, the secondary content area which refreshes
can it be made to refresh, javascript.
Eg:- I have some adbrite ads on the site, in with the secondary refresh feature. It refreshes fine with plain text in the pages, however it does not refresh

Jim.

#132

September 24th, 2009

Erik says:

Hi Nick,

I forgot to tell you its facebox.js

Erik

#131

September 24th, 2009

Erik says:

Hi Nick,

I’ve tried three simple jquery modal window scripts and I can’t get the them to ignore your framework. Do you have a modal window that has worked for you?

Maybe I’m doing it wrong?

jQuery(document).ready(function($) {
$(’a[rel*=facebox]‘).facebox({
loading_image : ‘loading.gif’,
close_image : ‘closelabel.gif’
})
})

#130

September 24th, 2009

Sarah says:

Thanks, Nick!
the bda_ignore class worked just fine!

btw on this page when your site loads it gives an php warning on line 14 just FYA, hate those darn warnings.

Thanks,
Sarah!!

#129

September 23rd, 2009

Nick says:

Hi Sarah,

I have no idea how the Snarfed API works and I don’t have the time right now to figure that out, sorry :)

You can use the bda_ignore class or the ajax rules ( see manual ) to discard certain parts of the website, maybe this will help.

Good luck,

Nick

#128

September 23rd, 2009

Sarah says:

Hi there!

Thank you for sharing your code. Its awesome. Just Love it!;)

Having a problem implementing the search API from below:
http://snarfed.org/space/site%20search%20with%20the%20Google%20AJAX%20Search%20API

Works fine if JavaScript is disabled, i.e the search results load in a google window.

However, alongside the your ajax code get an error
for a split second “0″ then

“Sorry, there is a problem!. The server could be down or you could have a problem with your internet connection.

404″

If i remove your code, the search results load fine in the “content” div of the page.

Help!!!:)

Take care,
Sarah.

#127

September 23rd, 2009

Nick says:

Hi Erik,

I never worked with fancybox so I don’t know if the scripts conflict or not. I’d try another script which gives you more or less the same effect as fancybox.

Hi Jim,

take a look at the event listeners page of the manual. You can load your google analythics code on each ‘load_complete’ event.

I don’t have any experience with Google CSE and don’t have the time to take a look at it, so can’t provide u with a decent answer there. Sorry :)

Cheers,

Nick

#126

September 23rd, 2009

Jim says:

Hi Nick,

One more question, google’s cse(custom search engine) does not work (iframe, show results on google), however they have a new ajax based search, which works but overlays, …how could i implement this code(below), to show the results of the search inside the specified in the ajax code, provided by you, instead of it just showing all the results below the search box.

My search box is on the banner of the page, and i want to display the results where i display all my content.

Jim.

=======================================
Loading

google.load(’search’, ‘1′);
google.setOnLoadCallback(function(){
new google.search.CustomSearchControl(’012972224256266235183:fkesjpeurgg’).draw(’cse’);
}, true);

=====================================================

#125

September 23rd, 2009

Jim says:

Hi Nick,
How would one go about handling “google analytics”, if the page does not completely reload.

On putting refresh on the google analytics code, the whole page refreshes at the bottom.

Have the google analytics code at the end of the page.
just before the tag.

I need the stats provided by analytics as it is most accurate.

Thanks,
Regards,
Jim.

#124

September 22nd, 2009

Erik says:

Nick,

Used all your tricks to get jquery FANCYBOX to work (pop up window script) in your framework. The listeners and bda_ignore isn’t working.

http://fancybox.net/home

Any thoughts or suggestions?

Erik

#123

September 22nd, 2009

Nick says:

Hi Wajdi,

if you give me the location of the site where you get the error i’ll try to find it for you. :)

If it’s hosted locally, search for “src=” in your source code. If it’s found inside an image tag the script will try to preload the attribute value.

Cheers,

Nick

#122

September 22nd, 2009

Wajdi says:

Hi,

Yesterday I already wrote you a private message because I’ve got a problem with the preloading image process. This problem seems to be happenning when I didn’t have any image in my WP page…because when i put an image in the post the page is loaded normally. Do you have any idea where could be my mistake? I already used your script and i didn’t get this error…

Many thanks,
Wajdi.

#121

September 18th, 2009

Erik says:

Nick,

I wanted to tell you how much I love this framework you designed. It’s become the cornerstone of my new website. Let’s hope it goes big and I can make a huge donation to you.

Just wanted to say thanks!

Erik

#120

September 9th, 2009

Erik says:

Thanks Nick for the help.

I actually approached it with:
bda.addEventListener(’load_complete’,'$.smoothAnchors(4000)’);

#119

September 8th, 2009

Nick says:

Hi Erik,

is there a way you can set the scrollfunction on the ‘onclick’ event or in the ‘onclick’ attribute of the link instead of selecting the items with a CSS class ?

This will probably save your problem :)

Cheers,

Nick

#118

September 8th, 2009

Erik says:

Thank Nick.

My URL is:

http://www.naturalskin.com/home.htm#/qa.htm

Erik

#117

September 8th, 2009

Nick says:

Can you give me the URL of the site where you’re having this error ?

#116

September 8th, 2009

Erik says:

Nick,

I got the scroll animation to work outside of your framework in all my other websites. And I understand the script very well. But the conflict is occurring with just your framework.

Erik

#115

September 8th, 2009

Nick says:

Hi Erik,

if you have questions which are not about the script, please use Google instead of asking me. I do provide free support for my own material but will not start explaining every javascript function. Hope you understand :)

Cheers,

Nick

#114

September 8th, 2009

Erik says:

Nick,

I forgot to tell you I’m using the bda_ignore in the class with the anchor links.

Erik

#113

September 8th, 2009

Erik says:

Hi Nick,

I got my local.scrollTo function to work in the content, but it’s jumping to the anchors rather than the animated scroll. It appears the jquery script is active but I can’t get the animation. Where is the conflict?

Is there a better idea on the local scroll implementation within a content section?

Love your work!

Erik

#112

September 8th, 2009

Nick says:

No :)
I don’t have the time to work out an example, but if you call a javascript function which calls bda.get() or trigger a link click it should work.

Cheers,

Nick

#111

September 8th, 2009

Eric says:

Thanks Nick. Do you have some quick example?

Hi Erik, are you able to solve the javascript loading issue? Will appreciate it if you can drop a link on some example.

Thanks in advance.

#110

September 8th, 2009

Nick says:

Hi Eric,

if you want to talk to javascript from flash you’ll need to use the ExternalInterface library from flash. More info about that here: http://kb2.adobe.com/cps/156/tn_15683.html or on Google: http://www.google.com/search?q=flash+externalinterface

Cheers,

Nick

#109

September 8th, 2009

Eric says:

Hi, after much search, I think your script works the best as it fulfill a great user experience in loading content, and the easiest approach in implementation. Thanks!

I have a quick question. I am trying to use flash button to trigger the content loading.

Is there any solution for this? Cause I have been browsing the comment and could not find anything.

Thank you in advanced!

#108

September 2nd, 2009

Nick says:

Hi Erik,

try using the event listeners, bind your events to the loaded objects on the event load_complete.

Or you can use inline events, such as

<a href="#" onclick="execute_function();" rel="nofollow">link</a>

and define the functions in a separate JS loaded from the first page.

Cheers,

Nick

#107

September 2nd, 2009

Erik says:

Hi Nick,

I’m having the same problem with my javascripts. I tried Miguel’s solution and I can’t get it to work… Is there a clearer solution for my javascripts with your ajax framework, using scripts such as form validation, mouseovers, etc…

Many thanks.

Erik

#106

August 26th, 2009

Miguel Angel says:

Hi Nick,

A pleasure…. I thank you for your code… a really smart idea.

Best regards,

Miguel

#105

August 25th, 2009

Nick says:

Hi Miguel,

thanks for the hint :)

I merged your 5 posts into one, the code should be OK.

The script was created to add AJAX functionality to simple websites, that’s why it doesn’t support javascript in the loaded pages. It’s actually pretty easy to implement if I read your code here :)

I should rewrite this script, it’s written pretty dirty and could be a lot cleaner, faster and shorter…

Cheers,

Nick

#104

August 25th, 2009

Miguel Angel says:

Hi all,
I read about the known bug dealing with loading javascript content inside an ajax retrived page.
Maybe this solution works… Sorry, I have no time to test it right now…
You need to replace line 818:

this.primaryRegion.innerHTML = '' + content + '';

with this block:

mydiv = document.getElementById(this.primaryId);
mydiv.innerHTML = (apos)(lessthan)d i v id=(dbl apos)bda_content(dbl apos)(lessthan)(apos) + content + (apos)(lessthan)/d i v(lessthan)(apos); var elementos = mydiv.getElementsByTagName((apos)script(apos));
for(i=0;i(lessthan)elementos.length;i++) { var elemento = elementos[ i ]; nuevoScript = document.createElement((apos)script(apos));
nuevoScript.text = elemento.innerHTML;
nuevoScript.type = (apos)text/javascript(apos); if(elemento.src!=null (and)(and) elemento.src.length(greatthan)0) nuevoScript.src = elemento.src; elemento.parentNode.replaceChild(nuevoScript,elemento);
}

replace ` with the normal one and replace (less than) with its character..

Regards.

( Post edited by Nick, I merged your 4 posts into one. Thanks for sharing Miguel ;-) )

#103

August 24th, 2009

Erik says:

I figured it out.

#102

August 24th, 2009

Erik says:

function toTop() {
self.scrollTo(0, 0)
}

This is opening the CONTENT PAGES in its own window. Trying to find a solution to keep inside the parent div.

Erik

#101

August 23rd, 2009

Erik says:

Thanks for all the responses, Nick.

I’m looking forward launching my new business with your framework.
Many thanks.

Erik

#100

August 23rd, 2009

Nick says:

Hi Erik,

use scrollTo javascript function: http://www.devguru.com/technologies/ecmascript/quickref/win_scrollto.html

I’m not a javascript and css helpdesk, if you take 2 minutes to google or read the manual you can find all those things by yourself…

#99

August 23rd, 2009

Erik says:

Nick,

Almost done, but still have some issues. Is it possible to make the page scroll to the top of the page from links located on the bottom of the page? If so, could you give me a script?

Many thanks.

Erik

#98

August 23rd, 2009

Nick says:

Hi Erik,

by applying the class “bda_ignore” to those links ( or forms ) they will be discarded, IE left “as is”, without any added functionality from the ajax library.

You’ll find more information about this class in the manual. If the class doesn’t work you can try working with the rules, but the class approach generally does the job :)

http://www.bydust.com/examples/com.bydust.ajax/

Cheers,

Nick

#97

August 23rd, 2009

Erik says:

Sorry Nick for the careless questions…

My problem appears to be with links within the content, such as email links, validate on submit, scrolling, etc… These links don’t need to open pages, but rather do something else.

How do i make these links not open a page, but rather execute a script, etc?

Erik

#96

August 22nd, 2009

Erik says:

Hi Nick,

I just know my newsletter signup form on the bottom of the page isn’t working correctly until I pasted da.postForm(form_object). Not sure what I’m doing wrong.

#95

August 22nd, 2009

Nick says:

Hi Erik,

why would you need to place a call to the postForm function in your main.js ? This should go automatically.

#94

August 22nd, 2009

Erik says:

Hi Nick,

Once I placed bda.postForm(form_object) inside the main.js, my forms functions correctly, but all of my links are opening in new windows?

Any suggestions?

Many thanks.

Erik

#93

August 19th, 2009

Erik says:

Ok.. Many thanks. I noticed on your own website your main.js was really altered from the standard file you offer for download. It almost appeared that you were making purposely delayed to show the animation…

Thanks for all your help.

Erik

#92

August 18th, 2009

Nick says:

The pages load quick, that’s why you are not seeing a spinner. If you take another div to wrap the content and give that a white background you won’t see the background dissapearing.

These are all CSS issues, as far as I can see the script is working fine? :-/

#91

August 18th, 2009

Erik says:

Ok.. I’m confused. I actually took the main.js from your site to see if you did anything extra.. I went ahead and placed the default script instead for now. I am still seeing a difference in performance.

Erik

#90

August 18th, 2009

Nick says:

Hi Erik,

there’s an error in your javascript file:

Error: jQuery is not defined
File: http://www.naturalskin.com/src/js/ajax/bydust/com.bydust.main.js
Line: 1

#89

August 18th, 2009

Erik says:

Ooops! http://www.naturalskin.com/home1.htm

Thanks.

Erik

#88

August 18th, 2009

Nick says:

Hi Erik,

I can’t get on the http://www.naturalskin.com site, I see your splash page and a browser screenshot. Can you give me an alternative link ?

Cheers,

Nick

#87

August 18th, 2009

Erik says:

Nick,

I think this is my last question… Sorry for so many questions. I installed the script and followed instructions, but I don’t get the same smooth effect like your own website. With your own website, I see a nice delay with the spinner and a smooth scroll up and down with the content. My website flickers. I can’t see the spinner nor the messages appear. I really wanted it to appear like years.

Any suggestions?

here is the link (use the top horizontal menu: http//:www.naturalskin.com

Thanks.

Erik

#86

August 17th, 2009

Nick says:

Hi Erik,

SEO is not a problem, search engine crawlers see static html pages as they don’t load the script. They will search each page separately and the correct pages will be included in the search engines.

If you want to optimize the pages for search engines you can google on “SEO techniques”, I’m sure you’ll find a lot of useful tips ;-)

Cheers,

Nick

#85

August 17th, 2009

Erik says:

Thanks for the help. I really like to make this framework for my new site. How does your script work with SEO. Is there anything I could do to optimize the pages for Google, yahoo, etc…?

#84

August 10th, 2009

Nick says:

Hi Erik,

Every page needs to have the same layout with the same content areas and markings ( content and sidebar ). Everything in those areas will be changed if you load the page, everything outside those areas will stay as it was on the first page.

For example, if your content and sidebar changes on every page, those are the content areas. Your logo probably stays the same on each page, so this does not need to be refreshed each time and can be placed outside a content area.

Your sidebar doesn’t need to be in a content area, but if you want to mark the current page ( by a CSS class or whatever ) you’ll need to refresh it. If not, you can leave out the sidebar as a secondary content area.

Hope this helps,

Nick

#83

August 10th, 2009

Erik says:

Also Nick,

I wanted the sidebar links to remain selected after the click. Is this possible?

Erik

#82

August 10th, 2009

Erik says:

Thanks Nick..

Let me get this right… Your saying every page has to have the content and sidebar markings?

What happens to the company logo home link and other links outside of the markings?

Erik

#81

August 10th, 2009

Nick says:

Hi Erik,

I see you only placed the tags on the first page, all other pages are blank with only the name of the page as content.

The script checks for the regions to be refreshed on each page, and only refreshes those. What happens in your case is that it cannot find those regions (since they are not on the other pages ) and concludes that the page you are trying to load is not from the same website/layout, which is correct.

If you use the same layout on the other pages everything should be fine.

Cheers,

Nick

#80

August 10th, 2009

Erik says:

I would love this script if I can get it to work… I have copied and pasted several times, and I can;t figure out why it won;t work. Everything is where it needs to be!!

Could you take a look for me?

http://www.raslanpla.com

Many thanks.
Erik

#79

July 13th, 2009

Nick says:

Hi Hatra,

thank you :)
I doubt if I will ever release that class, as my timetable is getting filled up with commercial stuff I don’t have much spare time left, and the time I do have left I try not to spend behind my computer.

Sorry ;-)

Cheers,

Nick

#78

July 13th, 2009

Hatra-E says:

Hi Nick!

Great work! This JS-class fits EXACTLY my needs :D
I read that you want to write it as a jQuery-Plugin and just wanted to ask, how the work on it goes on and when it will be probaly ready.

Greetz from Germany :)

#77

June 27th, 2009

Nick says:

it’s not necessary. The class should run on any server, it’s executed client-side which means the server doesn’t have anything to do with it.

If you have a very old browser which does not support javascript you won’t see the ajax effects, but that’s about it :)

#76

June 27th, 2009

monloup says:

why is it necessary to have a php enabled server ? i suppose because some server action (parsing?) is being done behind the scene ? why isn’t this released with the project ? any particular reason ?

#75

June 27th, 2009

Nick says:

Hi Fernando,

I took a look at your site and I’m seeing that it keeps showing the message where it’s preloading images. This is because one of the images in your code cannot be loaded, it’s probably not there. You can try to find that particular image or just reduce the maximum loading time.

window.onload = function(){
var refreshed_content = Array('!content','sidebar');
// the html-object with id "content" is our primary content area,
// and will be animated.
// the html-object with id "sidebar" is our secondary content area
// and will be refreshed without animation. 
 
bda.imageLoadTimeout = 20;
// optional parameter
// this parameter sets the time in seconds to wait for images to load.
// the page will open without the images loaded after this time.
// default 20 
 
... script continues

if you set the imageLoadTimeout parameter to 5 the maximum preload time for images is 5 seconds. To keep the error message from showing you need to change the code a bit, change the “4000″ on line 742 in file com.bydust.ajax.js to “0″.

			setTimeout('bda.outputPage()',4000);

Cheers,

Nick

#74

June 26th, 2009

Fernando says:

Hello Nick, How are you? Sorry for no write you before. I was busy with work, and my work is not in the net (im waiter).

I was read the red box and Im try and try, but still cannot found my mistake, and the ajax doesnt work correctly in my blog. Can you help me?

My url is http://fernandorognoni.com

I will send for mail my ftp user and password, then you can see the files.

Thank you so much.

Cheers

#73

June 15th, 2009

Nick says:

Hi pingram,

thanks for letting me know, I wasn’t aware of this.
I can’t reproduce the bug however, I’m trying on Firefox 3 on a Windows Vista machine. Can you tell me which browser you’re working on ?

Everything seems to work normally when selecting text in my browser, if the text is in a content area the selection dissapears. If not, it stays selected.

Cheers,

Nick

#72

June 15th, 2009

pingram3541 says:

Just noticed when static text is selected on your example (http://www.bydust.com/examples/com.bydust.ajax/);like the footer area…and you click on the example links on the left, the content loads, then disappears. Un-selecting the text fixes the problem.

#71

June 2nd, 2009

Nick says:

Hi Fernando,

your CSS seems ok, must be wrongly displayed in the comments here on my blog.
You might want to check out the red box on http://bydust.com/examples/com.bydust.ajax/implementation.php

cheers,

Nick

#70

June 1st, 2009

Fernando says:

Hi Nick! Thanks, and sorry for reply so late. Im not sure what do you mean when you says my CSS isn’t within style-tags, this is because my english is very poor still. Sorry for that. You mean I have to modify the file style.css?

The url of my blog is http://fernandorognoni.com. You can see there what is my problem. I dont know why the ajax is not working.

Thank you so much!

Fernando.

#69

May 28th, 2009

Nick says:

Hi Fernando,

The javascript in your header seems fine, although I have no idea what the link ( a-tags ) do there and why your CSS isn’t within style-tags.

If you can give me a URL where I can see what you’re trying to do or the body of the page you’re working on I can help you.

cheers,

Nick

#68

May 27th, 2009

Fernando says:

I can write my name in the form now… sorry for a lot of messages :S

#67

May 27th, 2009

Anonymous says:

Sorry, I wrote the last post, I forgot write my name in the form, and the code in my header.php is not clear, maybe coz i just put


I'll try to put the code again:


<html xmlns="http://www.w3.org/1999/xhtml" >

<meta http-equiv="Content-Type" content="; charset=" />

<script type="text/javascript" src="/js/com.bydust.array.js">
<script type="text/javascript" src="/js/com.bydust.ajax.js">

<link rel="stylesheet" href="" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="alternate" type="application/atom+xml" title="" href="" />
<link rel="pingback" href="" />

	#page { background: url("/images/kubrickbg-.jpg") repeat-y top; border: none; }

	#page { background: url("/images/kubrickbgwide.jpg") repeat-y top; border: none; }

sobremi
blog
contacto 

window.onload = function(){
var refreshed_content = Array('!content');
// you need to mark your primary area with a "!".
// you can add as many secondary area's as you like, for example
// var refreshed_content = Array('!content','sidebar', 'navigation', 'another_area');
bda.start(refreshed_content); // initiate the script
}

#66

May 27th, 2009

Anonymous says:

Hi Nick!
First… thank you so much for this great proyect, is really cool! And second… sorry for my poor english, I really just can use the spanish.

Well…Im try to use your code in the default WordPress theme, Kubrick. But, me too, I received the error:

“I can’t parse content from the retrieved data.
The page you requested will open in a new window, and you will return to the previous page shortly.”

And the page is open in a new window.

I read the manual and the red box in the manual, but i don’t understand where i was mistake really. Maybe coz my english is very bad.

This is the code im using in my header:


<html xmlns="http://www.w3.org/1999/xhtml" >

<meta http-equiv="Content-Type" content="; charset=" />

<script type="text/javascript" src="/js/com.bydust.array.js">
<script type="text/javascript" src="/js/com.bydust.ajax.js">

<link rel="stylesheet" href="" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="alternate" type="application/atom+xml" title="" href="" />
<link rel="pingback" href="" />

	#page { background: url("/images/kubrickbg-.jpg") repeat-y top; border: none; }

	#page { background: url("/images/kubrickbgwide.jpg") repeat-y top; border: none; }

home
blog
contact 

window.onload = function(){
var refreshed_content = Array('!content');
// you need to mark your primary area with a "!".
// you can add as many secondary area's as you like, for example
// var refreshed_content = Array('!content','sidebar', 'navigation', 'another_area');
bda.start(refreshed_content); // initiate the script
}

Can you show me where im wrong?

Thank you so much.

#65

May 25th, 2009

Nick says:

Hi Wah,

can you give me a URL so I can look at it ?

#64

May 25th, 2009

wah says:

I think I have the same of Beny9512, it’s not a external location error. If I remove the “#” of the page address it shows only the page content (external), and not all the page.

#63

May 11th, 2009

Nick says:

Hi Beny,

if you receive an external location error you probably made an error with the comment markers. There’s a nice red box in the manual that says this :)

#62

May 10th, 2009

Beny9512 says:

Hi, my problem would be that when you click on a link to the “external location” and enter text in a new window opens the content. What could be the problem? Please help me! Thanks: Beny9512

Sorry, the Google translation errors

#61

May 8th, 2009

Nick says:

Hi Jason,

I see you are only refreshing one area, your container div. Seems a bit weird to me because it’s practically the same as a normal page refresh, but it should work for the script. I can’t seem to find any errors in your comment markers or javascript either, maybe it would help if you add a secondary area - I’ve seen that solves some peoples problems.

It’s quite impossible to create a plug and play plugin for this script as you need to add comment markers, and these are different for each website. I am working on a jquery plugin however which will not require these comment markers, if this thing works it’ll be possible to create plugins ;-)

cheers,

Nick

#60

May 8th, 2009

Jason says:

Hey,
This Class is amazing, but I’m kicking myself because I can’t get it working. Could you check out my site? I included the script in my Joomla template and added the comments, but I can’t get it for the life of me. I can’t even figure out how to step through this one in firebug.

Also, do you have plans to make this a Joomla module? That would be awesome. (well, I’d probably mess that up too.)

Thank you so much.

#59

May 4th, 2009

wah says:

Hey Nick,
I followed the example of the documentation and your tip. And I got it working. Thanks for the answer, also for the help.
:D

#58

April 30th, 2009

Nick says:

Hi Wah,

you can add an eventlistener function in which you scroll to the top of the page ( “scrollTo(0,0)” ).

scrollTo function: http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/scrollToSyntaxParametersandNote.htm

Event listeners: http://bydust.com/examples/com.bydust.ajax/eventlisteners.php

I suppose an event listener on the load_begin event would be the best choice ;-)

cheers,

Nick

#57

April 29th, 2009

wah says:

It’s perfect, and work fine. but when I click in some link, the page reload, but don’t go to the top of page. how can I make it do this? :/

#56

March 16th, 2009

Nick says:

Hi Carlos,

no, if you execute the class through the get- or post-function it automatically refreshes all defined regions. If a region is being refreshed but its content is still the same as it was before you won’t see anything changing on your screen either ( for that region, that is ).

You can manually call the ajax script through the get- or post-function.

The post-function is used to submit forms, and works like this:

bda.postForm(form_object)

The get-function is used to request new pages, and works like this:

bda.getURL(url)

I’m currently working on a new version of the script using jQuery, haven’t thought of this function before but it might be usefull. I’ll include it in the script, but it won’t be ready in the next few days ;-)

#55

March 14th, 2009

Carlos Zapatas says:

Sorry for double-posting, but somehow this comment function messed up part of my code. The second block should read:

<a href="#" rel="nofollow">Link</a>

Link

Hope, this works now.
I simply call the ajaxquery-function, using the area to refresh as parameter.
Is this at all possible?

#54

March 14th, 2009

Carlos Zapatas says:

Hello,
I really love this class. It’s absolutely amazing. I have a little question, though.
Is ist possibly to refresh only specific areas on the site instead of all regions definened in the array?
I’ve tried calling your class as a function like this:

function ajaxquery(c1, c2){
var refreshed_content = Array('c1', 'c2');
bda.addEventListener('load_begin');
bda.start(refreshed_content);
}

<a href="#" rel="nofollow">Link</a>

but it doesn’t work. Can this sort of thing be done with your class? Thanks a lot.

#53

March 5th, 2009

Zair Abbas says:

I must say this ajax script is awesome dude!
very nice. two thumbs up for you!
will share you the link what i m making from it.
good job!

peace,
Zair

#52

February 21st, 2009

Nick says:

Thanks ;-)

Let me know if you have any more questions,

Nick

#51

February 21st, 2009

Joerock says:

Thanks a lot, Nick.
Just what I’ve been looking for in an amazingly quick response.
I’m a little tight this month, but I’ll donate some (small - you know how it is with web-developers;-) )amount to you next month, be sure of that.
Until then, many thanks again.
Joe

#50

February 21st, 2009

Nick says:

Hi Joerock,

there are several ways to execute javascript actually. You can use eventlisteners to execute javascript on keypoints in the ajax process, but I’m guessing what you need is to execute javascript when the user clicks a link on some other user action.

You can still use javascript functions defined in an external libraries or in a region of the page that isn’t refreshed, and call them using the href- or onclick-attribute of a HTML Element. Be sure to add the CSS class “bda_ignore” to the HTML object so that particular object will be discarded for the ajax engine.

In other words this will still work:

<a class="bda_ignore" onclick="myFunction();" rel="nofollow">link</a>
<a class="bda_ignore" onclick="alert('message');" rel="nofollow">message</a>

However, if you use a regular form it will be posted through ajax and the normal page should be loaded.
In other words, if your form posts to a page and the user gets the same page back but with the new content added, the same should happen using the ajax script.

best regards,

Nick

#49

February 21st, 2009

Joerock says:

Hi Nick,

first of all: Great work! I absolutely love this class. It is very impressive and works quite well. I have a little question, though.
Is there really no way to execute Javascript within ajaxified sites? I don’t want fancy stuff, just basics like alert and location.href. For example I have a form that writes data via PHP to MySQL. Now I would like to automatically refresh the page after the content has been added (guestbook-like). I used to do that with javascript location, but that doesn’t work when using your class. Do you know of any ways around this? Any suggestions would be highly appreciated.
Thanks, Joerock

#48

February 2nd, 2009

Nick says:

Hi Ryan,

file upload is impossible with normal AJAX applications. Some AJAX applications can handle file uploads, but they require quite a bit specific code.

The com.bydust.ajax class was made to work on most sites without changes, therefor its pretty impossible to include file uploads in this script.

I’m sorry, but if you really require file uploads you’ll need a custom-made script.

Best regards,

Nick

#47

February 2nd, 2009

Ryan says:

This is pretty sweet! Thanks =)

So far only thing I am noticing is that it doesn’t support file uploads through forms and I wish I could figure out how to make it.

Ryan

#46

December 23rd, 2008

Paul says:

Thanks a lot,
I forgot the “single” page
Regards,
Paul

#45

December 23rd, 2008

Nick says:

Hi Paul,

in the detailed post page (=”single.php” or “page.php”) the comments for the content-area are not found, thats why the script thinks its a different site. You probably only added them in the “index.php”-file.

Should be ok if you add them in these pages too :)

I’ve update the manual, thanks for your feedback.

best regards,

Nick

#44

December 23rd, 2008

Paul says:

Thanks Nick,
As you have seen I’m not the one that make the theme (I’m not a good designer) but I’ll try to fill the blog with interesting content.
The last problem is: when I’m clicking on the title of the post it’s opening the page in a new window.
Any idea?
Thanks
Paul

#43

December 23rd, 2008

Nick says:

Hi Paul,

I’m glad you got it working :)
I’ll edit the howto site, there are too many people who don’t know what to do with this error.

Your website looks fine btw :)
In case you don’t want the content background to fade to blue, you can disable the alpha transitions.

best regards,

Nick

#42

December 23rd, 2008

Paul says:

in previous comment it’s not shown the whole text. look in the source of the page. sorry I can’t edit

#41

December 23rd, 2008

Paul says:

=)) I’m crazy. What nobody tells is that not the HTML tags are important, but the comments.
being the start of the “content” and being the end.
I’ve lost half a day thinking that the divs are not well set.
Cool stuff.

#40

December 23rd, 2008

Paul says:

Finally I understood :D, but it loads the full page :(

#39

December 23rd, 2008

Paul says:

Allways “bda.externalLocation” :((

#38

December 21st, 2008

Nick says:

You’re welcome :)
Thanks for mentioning my name on your website ;-)

I like the website style, only the link in the footer is a bit hard to read like this :p

#37

December 21st, 2008

Leftfield says:

Thanks again!!! ;)

#36

December 21st, 2008

Nick says:

Hi Leftfield,

why do you want to remove the anchor?
You can’t remove it, without that anchor the script won’t work. The anchor is needed to use the “previous” and “next”-buttons in your browser (=enables browser history) and to let the script know what page to request from the server.

If you want to know the normal url of the current page you can request it through “bda.historyCurrentLocation”, which returns a string url.

best regards,

Nick

#35

December 21st, 2008

Leftfield says:

Nick, i got one more question. Sorry m8.

How to remove anchor from the URL? Website i am working on is joomlamontenegro.com

I tried with:
var url = window.location.toString();
var anchor_index = url.indexOf(’#');
if (anchor_index != -1) {
url = url.substring(0, anchor_index);
}

#34

December 20th, 2008

Nick says:

Glad you got it working :)

#33

December 20th, 2008

Leftfield says:

I didnt have that problem. Actually it was definitions in javascript in section. Weird, but now it is working like a charm !!!

THANKS !!!

#32

December 20th, 2008

Nick says:

Hi Leftfield :)

thanks for the compliments :)
Although if I had a wife I’d prefer to keep her instead of this script. But thats probably a personal choice :p

Ok seriously, if you receive an externalLocation error this means most of the time that your content markers aren’t correct. What happens is this: the script tries to parse its data from the content it receives from the server, but cannot find the area’s it needs to refresh. Therefor, it thinks the requested page is not part of the current site and it’ll display this error and open the page in a new window.

Can be fixed easily by checking the markers, I’ve seen a few people who forgot the space between the comment markers, for example !–content– instead of !– content –. If you can throw it online somewhere where I can see your sourcecode I can check it out for you.

best regards ( and happy holidays ),

Nick

#31

December 20th, 2008

Leftfield says:

After a few hours of tweaking…

I am worried now. Oh Man this is so wonderful that i love this more than my wife!

#30

December 20th, 2008

Leftfield says:

I forgot to mantion, i got this error all the time “bda.externalLocation”

#29

December 20th, 2008

Leftfield says:

I got same problem too. Test is working excellent on CSS website, but if i try to implement with php driven it is opening in new window. I am 100% positive that i did all by your book: markers and try to tweak everything… but no changes.

I dont have live site so i cant show you :(.

Anyway this is really GREAT WORK !!!

#28

December 12th, 2008

Krasi says:

I got it almost done :)
I have to tell it to ignore index.php so that everything works fine on the front page. The links to categories open in a new window for no reason. i have been trying to get all the post and get forms to work but its not easy since the arcade script does all that with its core files and it does not just say where its posting the information so the bda.denyFormRules.push(’action.contains(”functions.php”)’); does not work.

I also tried bda.denyURLRules.push(’url.contains(”/index.php”)’); but that did not work too and i think the script is just ignoring them :(

It works only when i change the url to this: http://www.gamesorbiter.com/index.php?bda_ignore

#27

December 11th, 2008

Nick says:

Hi Krasi,

you now have double comment markers in your code (twice “begin content” and twice “end content” markers), these have to be unique :)

You can set the maximum loadtime for images, the default is 20 seconds. If you want you can set it to 0 seconds, but you’ll have to disable the transitionTween then. You can find how to do that in the manual :)

The google advertisements are probably inside your content area, place them outside. That way they won’t get refreshed, its a bit easier than implementing them into the script.

I don’t see any pages loading using ajax however…

best regards,

Nick

#26

December 11th, 2008

Krasi says:

lol i got it half done :)

it loads the pages (thanks to you) and it works but when i click home it goes back to the front page and all the menu’s and tables are messed up (only if i click home after i have been on another page) i would like to fix that. also sometimes it takes forever to load and how can i tell it not to preload the swf and even the images (i want them to showup after it displays the page) and one more thing :D
Sometimes the google advertisements wont show and i dont know why ?

Thank you so much for all the help and i didnt know comments were important to the script so after putting them its all good :D
Could you please help me fix those issues and i wont bother you any more :)

Everything is live and working so you can see it and hopefully help me fix it.

here it is:
http://www.gamesorbiter.com

#25

December 11th, 2008

Nick says:

Hi Krasi,

you have an error in your translation.js file, the message says “languages[i] is undefined”. should be fixed if you change the line “for (var i=0;languages.length;i++)” to “for (var i=0; i < languages.length;i++)”.

apart from that, you still haven’t inserted the markings. Those are the “!– begin content –” comment markings, its explained in the manual why and where they should be put.

I think the script is not initialising because of the javascript error, you should get an error from the script if it were the comment markings alone.

best regards,

Nick

#24

December 11th, 2008

Krasi says:

Thats all me trying to find a way to fix it :(

I have read the manual about 6 times and tried 6 different ways to do this and still no luck.

I have fixed the content tags and removed the sidebar but it still does not work :(

here it is:

http://beta.gamesorbiter.com

I think it might be because my website is written in php and it generates the columns and almost everything on the go. If i set the games on the front page to be 20 the script will do that on the go without and source code changes.
Do you think that might cause problems ?

Thanks for all the help so far :)

#23

December 11th, 2008

Nick says:

Hi Krasi,

I took a look at your website, already found some errors.

1. The id of your content div should be “content” ( you can change it but you’ll have to change the given id in the javascript too ), not “!content”.
2. I can’t find the begin and end markings of your content area’s.
3. You specify a secondary content area named “sidebar” in your javascript initiation, but there’s not even a HTML object with id “sidebar”.

It works better if you don’t simply copy/paste and read the manual ;-)

best regards,

Nick

#22

December 11th, 2008

Krasi says:

I would love to show you but my test site wont even start the script for some reason :(

You can see where i place the script and the id=’content’ on my website.

I have placed comments in the source code if you could take a look and see whats wrong :)

Here is the website:
http://www.gamesorbiter.com

You can also take a look at the test site which is working but the script wont even start.
Here it is:
http://www.beta.gamesorbiter.com

Thank you for all the help and if you have MSN or yahoo or Skype i would be able to run the code for a few minutes on the live site so you can check it and then i have to turn it off so my visitors can use the website :)

#21

December 10th, 2008

Nick says:

Hi Krasi,

you probably forgot to place the markers in the content area’s, or mistyped them. Thats the most common cause when you get that error while implementing :)

There’s a detailed description of how to implement the script and the markers on the implementation page of the manual. If it still doesn’t work, can you put your code online somewhere so i can see it in action?

best regards,

Nick

#20

December 10th, 2008

Krasi says:

This is amazing work and i really want to use it but i have a problem.

I get everything setup, i have the script on both pages and i have setup a content div so the script should work but every time i try it i get external page error and i opens the page in a new window and i dont know why :(

Please help me.
I am sure i am doing something wrong but i dont know what.

#19

November 13th, 2008

Nick says:

Hi S0n1c,

thanks :)
For the javascript part, it depends what kind of script you’d like to run. For example if you have a script to create a cursor trail you won’t need anything special, if you need to execute some js when each page has done loading you might want to use eventlisteners. You can find more information about eventlisteners on the howto page, the implementation is something like this:

bda.addEventListener(’load_complete’,’loadCompleteHandler’);
function loadCompleteHandler(e){
// whatever you want to do when a page is loaded.
}

There are various events available, not only “load_complete”.

About the flash-part, do you want to use flash in content area’s ( which means that the flash should be reloaded on each page load ) or as layout or background ( not situated in any of the content area’s )?

best regards,

Nick

#18

November 13th, 2008

s0n1c says:

great work dust,
your class is fantastic…i love it..
but…how can i get work page with flash and other javascript?
i don’t know javascript very well..
sorry for my bad english

#17

November 12th, 2008

Nick says:

lol :)

There’s a feed on http://www.bydust.com/feed/, if you really want one ;-)
I never thought people would be so interested in what i do, thanks :D

#16

November 12th, 2008

sylver says:

Yes i know, but u can put a news about new classes that u developed. Feed would be fine also :D

#15

November 12th, 2008

Nick says:

Hi Sylver,

don’t think a newsletter will be usefull, this is my portfoliosite :)
What would you put in the newsletter ? News about the com.bydust.ajax class ?

#14

November 12th, 2008

sylver says:

I’ll do like u told. Btw, put newsletter on the site so we can subscribe .

#13

November 12th, 2008

Nick says:

Hi Alex,

yes, you’ll have to modify the template. I’m not familiar with Joomla, but I guess there’s a header.php file available where you can include the two classfiles and initiate the script. As for the content, you’ll have to mark the content in the Joomla templates as you would do in a normal HTML-page.

Best regards,

Nick

#12

November 12th, 2008

Alex says:

How can I use this on my joomla based site?
I have to modify template?

#11

November 12th, 2008

Nick says:

Hi Silver,

it works with everything, the biggest problem sometimes it that other javascript/ajax functions might be discarded sometimes. This website for example is in Wordpress, which is a CMS. Works fine here :)

Anyway, the script tries to preload the images it finds in your code, but when it fails to preload (IE when the image is not available at the given location ) it tries for 20seconds before showing the page. You can set the maximum load-time to a lower amount by using “bda.imageLoadTimeout = 20; “. You’ll find more information about this and other parameters at the Implementation page on the howto-website.

Or you can try to find which image has a wrong src-attribute offcourse, that helps too.

Hope this helps,

Nick

#10

November 12th, 2008

sylver says:

Must say it’s nice code, hinowever can this work with cms. I’ve tried to implement this into my cms but in content div always is “Parsing images and other content…”

#9

November 7th, 2008

Nick says:

Hi Ben,

thanks for the feedback :)

The javascript will only be executed on the first page, on the other pages ( the ones you load with AJAX ) it will be discarded.

However, you can add eventlisteners to the script which can execute javascript whenever a page is loaded, you can use this to display your flash. Or offcourse code it in html instead with the SWFObject, the result will be the same since its also inserted with javascript.

There is a page for eventlisteners in the howto, it works like this:

bda.addEventListener(’load_complete’,'loadCompleteHandler’);
function loadCompleteHandler(e){
// whatever you want to do when a page is loaded.
}

Hope this helps,

Nick

#8

November 7th, 2008

Ben Rinehart says:

I love the script, some very cool possibilities.

Is there a problem with loading flash or am I doing something wrong? I’m using SWFObject 2.0. Flash on the first page loads fine the first time, but after navigating to other pages and coming back, it fails to load. Flash on those other pages fails right away.

Any thoughts on this?

#7

November 7th, 2008

Nick says:

Hi ne-design,

I’m looking into jQuery at the moment, I’ll rewrite the ajax-class in jQuery too when I have enough knowlegde of it and the workload lessens.

I was already planning to create the next version in jQuery mostly so we can get rid of the HTML-markers ( they bug me ) and work with loaded HTML or XML instead of Strings.

thanks for your feedback,

Nick

#6

November 7th, 2008

ne-design says:

Wow! I love this script very much. Is there any chance of having jquery version?

I think it would be more easier for designers to just use class to specify which content they would like to have as ajax.

#5

October 20th, 2008

Nick says:

Hi Cheritt,

it should work on all major browsers, yes. I’ve tested it on Windows with IE6 and 7, Firefox 2 and 3, Opera and Safari. Other people tested it on Mac with Firefox and Safari and something else, same in Linux distributions. It even works on the iPhone ! :)

The loading animation is actually pretty easy. You can change the text displayed when a page is loading, using bda.loadText.
If you change that to for example bda.loadText = ‘<div id=”something”>Please wait, I’m loading your content…</div>’;
and you create a new CSS-class to the div with id “something”, for example
#something{background-image:url(images/loading.gif); padding-left:40px; background-repeat:none;}
you have a custom load message with animation.

The padding is just to make sure your text doesn’t cover the loading image, and the background-repeat to make sure the image is only displayed once.
Hope this helps !

#4

October 20th, 2008

Cheritt says:

Does this work on all major browsers ?
I’ve tried it, works like a charm. It worked in 15minutes tops, but how do you add the little loading animation ?

Trackback: Привет, мир! //. (January 21st, 2010)

Trackback: Fhi-zin, free AJAX Wordpress theme template for Portfolio and Photography //. byDust (October 28th, 2008)

Trackback: AJAXed websites done right at noCreativity.com (October 18th, 2008)

Nick Van der Vrekens blog & portfolio

AJAXed website - Automatically convert to AJAX website - com.bydust.ajax

October 17th, 2008

AJAX, Browsers, CSS, Javascript, Noteworthy, Projects, Themes, Wordpress

Subscribe for updates

There are 204 replies to this item:

February 15th, 2010

Erik says:

November 23rd, 2009

Caillou says:

November 20th, 2009

Jim says:

November 15th, 2009

Nick says:

November 12th, 2009

Travis says:

October 30th, 2009

Nick says:

October 30th, 2009

George says:

October 30th, 2009

Sharon says:

October 30th, 2009

George says:

October 25th, 2009

Sharon says:

October 24th, 2009

maicol R says:

October 23rd, 2009

Sharon says:

October 23rd, 2009

maicol says:

October 23rd, 2009

Sharon says:

October 21st, 2009

sharon says:

October 19th, 2009

sharon says:

October 19th, 2009

Nick says:

October 19th, 2009

sharon says:

October 15th, 2009

sharon says:

October 13th, 2009

Nick says:

October 12th, 2009

Sharon says:

October 11th, 2009

maicol R says:

October 10th, 2009

Sharon says:

October 8th, 2009

Nick says:

October 8th, 2009

Sharon says:

October 8th, 2009

Sharon says:

October 6th, 2009

Sharon says:

October 6th, 2009

Alex says:

October 6th, 2009

Nick says:

October 6th, 2009

Sharon says:

October 6th, 2009

Alex says:

October 6th, 2009

Alex says:

October 6th, 2009

Sharon says:

October 6th, 2009

Sharon says:

October 6th, 2009

Sharon says:

October 6th, 2009

Sharon says:

October 6th, 2009

Sharon says: