Display loading img and drop down about this ajax code
+3
levy
Ange Tuteur
Ahmed.K
7 posters
Page 1 of 1
Display loading img and drop down about this ajax code
Is it possible to display loading img for this code?
and the last post containing drop down system, but this doesn't work with the last post in the homepage. any ideas?
- Code:
$(document).ready(function () {
$('#pun-visit-home').each(function () {
var loop = $(this);
loop.append('<div class="Topic1"><p class="postx"></p><div class="Post1" id="blog_comments"><span class="rpost"></span></div></div>')
});
$('.Post1').hide();
$('.Postx').click(function () {
$('.Post1').fadeOut(100);
$(this).parent().find('div').stop().fadeToggle('slow');
var url = $(this).parentsUntil('.recent_topics').find('.recent_topics a:first').attr('href');
$.get(url, function (data) {
var post = $('div.post', data).html();
$('.rpost').html(post);
});
})
});
and the last post containing drop down system, but this doesn't work with the last post in the homepage. any ideas?
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
No Javascript experts here??
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
I am only capable with CSS/HTML, but I can try to help you.
Firstly what is your forum version: phpbb2, phpbb3, punbb, or invision?
Secondly can you provide us with more information as to what you're trying to do, a screenshot maybe?
Firstly what is your forum version: phpbb2, phpbb3, punbb, or invision?
Secondly can you provide us with more information as to what you're trying to do, a screenshot maybe?
Re: Display loading img and drop down about this ajax code
As i said above, I use this code in the Homepage to get the last post.
PunBB.
PunBB.
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
Please provide us your forum URL becuase I'm little bit confuse
I don't find in my testing forum any #pun-visit-home
I don't find in my testing forum any #pun-visit-home
Re: Display loading img and drop down about this ajax code
this is a new div i made it. and the id name its not important, you can add any name. the id name is not related to adding loading img for this ajax code.
Guys, my question is just to Javascript experts (if there).
Guys, my question is just to Javascript experts (if there).
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
Please post your forum's link.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
OMG, is this too difficult??
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
Well not all of us are capable of JavaScript, but we're trying to help you as best we can. Anyhow when you mean loading image, are you talking about something similar to this?Ahmed.K wrote:OMG, is this too difficult??
Re: Display loading img and drop down about this ajax code
for example, like this one
Ahmed.K- Forumember
- Posts : 349
Reputation : 4
Language : English
Re: Display loading img and drop down about this ajax code
Could I have the code for that?SethC1995 wrote:Well not all of us are capable of JavaScript, but we're trying to help you as best we can. Anyhow when you mean loading image, are you talking about something similar to this?Ahmed.K wrote:OMG, is this too difficult??
Re: Display loading img and drop down about this ajax code
Result for searching:
click here
click here
Chromo- Forumember
- Posts : 122
Reputation : 19
Language : said the Captain
Re: Display loading img and drop down about this ajax code
The loading image that it gives is different:xKillerZone31 wrote:Result for searching:
click here
And it's in the exact middle of the page, which is kind of annoying.
Re: Display loading img and drop down about this ajax code
Well If you really want it, so result for searching: click heremiddo2 wrote:The loading image that it gives is different:xKillerZone31 wrote:Result for searching:
click here
And it's in the exact middle of the page, which is kind of annoying.
Chromo- Forumember
- Posts : 122
Reputation : 19
Language : said the Captain
Re: Display loading img and drop down about this ajax code
Aww it doesnt go over the toolbar, so you cant even see it.
Re: Display loading img and drop down about this ajax code
Ahmed , I've have an old code about that ( loading ) check him :
- Code:
document.write('
<div id="ajax_loading"><img src="http://iceimg.com/i/b7/8a/d8025681cd.gif" alt="Loading..."></div>');
window.onload=function(){$("#ajax_loading").fadeOut(1500);};
document.write('<style>#ajax_loading {
background: #1579C7;
background: -moz-linear-gradient(top,#158EC7 0%,#0D4AA6 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1572C7),color-stop(100%,#0D69A6));
background: linear-gradient(top,#1579C7 0%,#0D69A6 100%);
border: 1px solid#0D38A6;
color: #fff;
text-align: center;
padding: 5px 0 8px;
width: 8%;
top: 0px;
left: 46%;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 0 0 5px 5px;
z-index: 10000;
border-top: none;
position: fixed;
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2),inset 0px-1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2),inset 0px-1px 0px rgba(255,255,255,0.2);
box-shadow: 0px 3px 5px rgba(0,0,0,0.2) , inset 0px-1px 0px rgba(255,255,255,0.2);
}</style>');
Similar topics
» Where do I put my code for a drop down list
» Google/Youtube AJAX code
» Display > Colors - Not Loading
» Drop-down menu fails to display in Mozilla Firefox
» Code for username drop-down
» Google/Youtube AJAX code
» Display > Colors - Not Loading
» Drop-down menu fails to display in Mozilla Firefox
» Code for username drop-down
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum