The ajaxgetcontent from implico

ajaxgetcontent's Issues

Requests:

Hi, i'm using the plugin in a project, and i have encountered some things that could be enhanced:

a method to reset the page (back to home) - clear the content div and reset the location address (e.g., to use in a close button);
a function to preprocess the A element before making the ajax load (e.g., to get some attributes from it);
a option to load parallel scripts to run according to the page that is being loaded;
a extra parameter on 'onReceive' that references the A element clicked (e.g., to change its classname to 'active');

I've also hado to modify the line 248, to allow it to recognize the links, otherwise it would treat as an ordinary link (going directly thru the page, not loading it dinamically):
var invalidUrl = /(href.substr(0,1) != '/') ||/ (href.indexOf('#') >= 0);

Doesn't work

I can't get the plugin working with a simple demo

here's my index.html

<!DOCTYPE html>
<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script src="scripts/jquery.ba-bbq.min.js"></script>
        <script src="scripts/jquery.ajaxGetContent.js"></script>
        <script src="scripts/main.js"></script>
    </head>
    <body>
        <p><span>simple content</span> <a href="test.html">here</a></p>
    </body>
</html>

here's test.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="scripts/jquery.ba-bbq.min.js"></script>
<script src="scripts/jquery.ajaxGetContent.js"></script>
<script src="scripts/main.js"></script>
<span>new content</span>

and here's main.js:

$(function()
{
    console.log("init")

    $('a').ajaxGetContent( {


        onSend : function(url)
        {
            alert("sending")
            //set low opacity for content while AJAX call is performed
            $('p').css('opacity', 0.5);
        },

        onReceive : function(data, status)
        {
            alert("receiving")
            data = $(data);
            if (status == 'success')
            {
                //insertion of fetched content
                $('span').html(data);

            }


    });


});

There's neither alerts nor errors when I try to click the link, test.html is simply loading without ajax.
I'm trying to run this example on a yeoman local webserver. What am i doing wrong?

implico / ajaxgetcontent Goto Github PK

ajaxgetcontent's People

Contributors

Stargazers

Watchers

Forkers

ajaxgetcontent's Issues

Requests:

Doesn't work

Can you PLESE make a html NOT PHP Demo page files to download

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent