Ajaxify – Support v2.0

Friday, December 12th, 2008 | Author: MaX

Any Comments, bugs , feature request about Ajaxify v2.0, please post it here.

For advanced paid support or special requests. Contact me through the contact form.

Known issues:

Stop ajaxify excuting based on onStart function return.
Fix false warning “warning: target “#Ajaxifytemp” couldn`t be found”
Fix back button on first ajaxify call.

Feature requests:

Loading Images via ajaxify.
Encode non safe characters in url’s before sending the request.
Change the page title based on the loaded content.

For advanced paid support or special requests. Contact me through the contact form.

__________________________________________________________________________

How to make ajaxify compatible with jquery v1.3.0 and higher?.

Open jquery.ajaxify.js with your preferred editor.
Go to line 58. You will see var ver = jQuery.fn.jquery.split(‘.’);

Mark it, and go down until you reach line 62. So the full text will be:

var ver = jQuery.fn.jquery.split('.');
if(ver[0] < 1 || ver[1] < 2 || ver[2] < 6){
jQuery.ajaxifylog('Error: Your jQuery version is old. Version 1.2.6 or newer is required.');
return false;
}

Comment it or delete it. its your choice.

Category: jQuery

You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

415 Responses to “Ajaxify – Support v2.0”

Pages: « 1 2 3 4 [5] 6 7 8 9 10 11 … 21 » Show All

MaX
January 17th, 2009 at 2:06 AM
HTDUNG,
Your loaded pages have an ajaxify call for the same objects. set your selector in the loaded pages to ‘#maincontent a[name="ajaxify"]‘ or just wrap your ajaxify call in the main page with live query.

Steve,
I cant think about anything right now. I will let you know once something comes in my mind.

Ryan
January 17th, 2009 at 3:39 AM

Excuse the last post!

<head>

<title>splice</title>
<script src="../js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../js/ajaxify.js" type="text/javascript"></script>  
<link href="../css/admin.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <script type="text/javascript">
     $(document).ready(function() {  
   $('.ajaxify').ajaxify();
    });	
</script>

    <div id="mainContent">
   <div id="sub_menu">
   <p> Select a system zone to add or edit content for. 
      <a class="ajaxify" href="companyOPTIONS.php" target"#container"><span class="myBTNS">Company</span></a>
      <a  class="ajaxify" href="userOPTIONS.php" target"#container"><span class="myBTNS">Users</span> </a>
      <a  class="ajaxify" href="propertyOPTIONS.php" target"#fort"><span class="myBTNS">Property</span></a>
      <a  class="ajaxify" href="systemOPTIONS.php" target"#fort"><span class="myBTNS">System</span></a>
      <a  class="ajaxify" href="planOPTIONS.php" target"#fort"><span class="myBTNS">Plans</span></a></p>
   </div>
       <div id="container" >dd </div>
      <div id="fort"> ff</div>
    </div>

MaX
January 17th, 2009 at 10:56 AM
Hi Ryan,
Thank you for your donation. I really appreciate it.
The problem you have is that your target attribute hasn’t been set properly. it miss’s the “=” sign. And since ajaxify target default is “#container”. it looked like that ajaxify picks only the first div.

Ryan
January 17th, 2009 at 5:00 PM
Ah!

The dangers of getting lazy and using copy paste!

Thanks a lot Max!

asinox
January 19th, 2009 at 3:45 AM
the SimpleModel dont work for me

Lakes
January 19th, 2009 at 10:59 PM
Max – love your plug-in very very cool.

Two issues I’m running into

1. This does not appear to work with a page that has flash – always opens in a new window

2. Will this work with 1.3 now?

NetzKnecht
January 20th, 2009 at 9:05 PM
Thanx Max, your plugin is great and work’s fine…. even so I’ve got a question for you:

Is it possible to call ajaxify or load URLs like this:

<a href="javascript:jQuery.ajaxifyLoad({link:'http://www.website.de/index.html,target:'#container'})">Link</a>

I need this practice to use ajaxify with the flash/actionscript-command “getURL()” like:

getURL("javascript:jQuery.ajaxifyLoad({link:'http://www.website.de/index.html,target:'#container'})");

Best regards and many thanx for your help!!!

NetzKnecht
January 20th, 2009 at 9:14 PM
It’s me again… I’ve noticed that some crap slips in my code. Here is the correct one.

1st:
<a href="javascript:jQuery.ajaxifyLoad({link:'index.html',target:'#container'})">Link</a>

2nd:
getURL("javascript:jQuery.ajaxifyLoad({link:'index.html',target:'#container'})");

MaX
January 21st, 2009 at 2:41 AM
asinox,
You have made something wrong .

Lakes,
Most probably you have made something wrong. not the flash.

NetzKnecht,
Not tested, but I think it will work. in the same time you will lose some of ajaxify features.

HTDUNG
January 21st, 2009 at 5:11 AM
Dear Max,
My lastest message told you about the height of the document in IE isnot right for the different contents. You told me read support page. I’ve done, but I didn’t use css to set the height of my elements. I have a div with the id=”maincontent” for containing the html response from server. That div’s height is right for the content but the height of whole the document isnot fit. You can see this in my site http://www.trungvuongsaigon.com . Could you take a look and show me how to fix more clearly? Thanks you very much.

Cody
January 21st, 2009 at 3:06 PM
Max,

Would it be hard to implement a form validation into this plugin? It would be nicer than using another plugin to do the job.

Best Regards,
cody

MaX
January 22nd, 2009 at 6:15 PM
HTDUNG
You website appears to be fine with opera browser. Anyway its a CSS problem.

Cody
Implementing a form validator wouldn’t be hard. all you have to do is to setup your validating function in onStart event. Integrating a form a validator into this plugin is just out of main purpose of ajaxify.

Ryan
January 23rd, 2009 at 3:53 AM

Any help guys

<script type="text/javascript">
  $(document).ready(function() { 
  
      $('#options').ajaxify({
 
              link:'test.php',
  
              target: '#container',
   
              loading_img:'../images/spinner.gif',
          title:'Setting up options', // change page title. Since v2.0
  
              method:'POST'
   
      });
	  </script>

will not work
I have all the includes but cant get it to work.

foo
January 23rd, 2009 at 10:17 PM
I am sorry to bother you.
But I’m really, really going insane.

I’m just starting out with JavaScript and jquery … and Ajaxify. And I even can’t get the simplest thing to run.
It just open the content in a new window.
Could you have a look at it and tell me what I’m doing wrong?
I feel like an idiot, btw.

$(document).ready(function() {

&(“ajaxify”).ajaxify();

});

Maniac
Muffins

foo
January 23rd, 2009 at 10:17 PM

<head>
		<title></title>
		
		<link rel=StyleSheet HREF="css/main.css" type="text/css" media=screen>
		
		<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.ajaxify.js"></script>
				
		
		<script type="text/javascript">
		$(document).ready(function() {   
			
			&("ajaxify").ajaxify(); 			 
		
		});
		
		</script>	
	
	</head>
	
	<body>


			

	<div id="links">
	<a class="ajaxify" href="content1.html" target="#container">Maniac</a>
	<a class="ajaxify" href="content2.html" target="#container">Muffins</a>
	</div>

	
	<div id="container">
	</div>


	</body>

Ryan Pratt
January 23rd, 2009 at 10:41 PM
Are you sure your .js files are in the directors you are calling?

Your code looks good to me. Im no pro but i would assume that your files are in the wrong directory.

foo
January 23rd, 2009 at 11:09 PM
Hey, Ryan.

That’s what’s driving me insane.
The files are in the right directory.

If I do jquery stuff works. Ajaxify doesn’t.

All I wanted to do is try Ajaxify out real quick. No I’ve spend ours searching the intertubes and trying stuff out. No luck.

I’m going insane.

Ryan Pratt
January 23rd, 2009 at 11:22 PM

<script type="text/javascript">
     $(document).ready(function() {  
   $('.ajaxify').ajaxify();
    });
</script>

Try this

Ryan Pratt
January 23rd, 2009 at 11:25 PM

<head>
		<title></title>
		
		<link rel=StyleSheet HREF="admin/css/main.css" type="text/css" media=screen>
		
	
     
	<script  type="text/javascript" src="js/jquery-1.2.6.js"></script>
    <script type="text/javascript" src="js/ajaxify.js"></script>
		
	
	
	</head>
	
	<body>

          <script type="text/javascript">
     $(document).ready(function() {  
   $('.ajaxify').ajaxify();
    });
</script>
        

	<div id="links">
	<a class="ajaxify" href="content1.html" target="#container">Maniac</a>
	<a class="ajaxify" href="content2.html" target="#container">Muffins</a>
	</div>

	
	<div id="container">
	</div>


	</body>

Works on my server.

i renamed my copy of ajaxify to ajaxify.js so just change your src=

Hope this helps

Ryan Pratt
January 23rd, 2009 at 11:26 PM
Right
$(‘.ajaxify’).ajaxify();
Wrong
$(‘ajaxify’).ajaxify();
one little . makes all the diffrence.

Pages: « 1 2 3 4 [5] 6 7 8 9 10 11 … 21 » Show All

Any Comments, bugs , feature request about Ajaxify v2.0, please post it here.

For advanced paid support or special requests. Contact me through the contact form.

Known issues:

Feature requests:

For advanced paid support or special requests. Contact me through the contact form.

How to make ajaxify compatible with jquery v1.3.0 and higher?.

415 Responses to “Ajaxify – Support v2.0”

Polls

Recent Posts

Categories

Recent Comments

Tag Cloud