[jQuery] Selectors Trouble
Hello guys, I'm doing a pagination for my site, and I'm having some problems
with my selectors...
In my site I have a #box div and inside this div I call by ajax my
guestbook, which contains a pagination, it's already working, but I'm having
TWO problems:
#1 - My #loading div seems that's not appearing when I open the #box div (It
should appears while loading the data)
#2 - I could not highlight the current page which is displaying the messages
(If user is at page 1, the link for the page 1 should have a different
color, and other stuff)
I'm testing all locally, in my Apache server.
Here goes the code for my INDEX.PHP file:
Carregando
dados...
INDEX.PHP also contains this js:
$('a.menuGuestbook').click(function() {
$('#box').show('slow');
$('#box').load('guestbook/guestbook.php?page=1', Hide_Load());
return false;
});
$('#close').live('click', function() {
$('#box').hide('slow');
return false;
});
// --- show and hide loading -
//Display Loading Image
function Display_Load() {
$('#box #loading').fadeIn('slow');
$('#box #loading').html("");
}
//Hide Loading Image
function Hide_Load() {
$('#box #loading').fadeOut('slow');
}
// -- ajax' calls -
//Default Starting Page Results
$("#paginacao li:first")
.css({'color' : '#FF0084'}).css({'border' : 'none'});
Display_Load();
//Pagination Click
$('#pagination li').live('click',function() {
Display_Load();
//CSS Styles
$("#pagination li")
.css({'border' : 'solid #DDD 1px'})
.css({'color' : '#0063DC'});
$(this)
.css({'color' : '#FF0084'})
.css({'border' : 'none'});
//Loading Data
var pageNum = this.id;
$("#box").load("guestbook/guestbook.php?page="+pageNum, Hide_Load());
});
Inside my GUESTBOOK.PHP file I have a div called "paginacao", here goes the
code:
'.$i.'';
}
?>
Thanks for help!!
[jQuery] Re: Using ProgressBar
Hello friend, here's a nice tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/create-a-progress-bar-with-javascript/#more-4045 I guess it could help you! []'s Pedro Vidal Brazil. 2009/7/18 shaf > > Hi Guys > > I want to use the progress bar to display to content load progression > when the site is loaded (like gmail). How can I do this ? >
[jQuery] $.ajax How-to?
Hello guys, my first time writing to group...I'm a beginner in jquery and
I'm trying to learn the $.ajax() method. I created a simple form (3 inputs)
and the form should send the data (via ajax) to the page ajax.php which will
return the data to be written in a div (#mensagem), just it.
But I would like to know why *THIS* works:
*$('#form').submit(function() {*
* ** $.post(*
* **'ajax.php', *
* **$('#form').serialize(), *
* **function(data){*
* ** $('#mensagem').html(data);*
* **}*
* ** );*
* ** return false;*
* **});*
and *THIS* doesn't work:
*$('#form').submit(function() {*
* ** $.ajax({*
* ** dataType: 'html',*
* ** url: 'ajax.php',*
* ** type: 'post',*
* ** data : $('#form').serialize(),*
* ** beforeSend: function() { alert('iniciando requisicao ajax'); },*
* ** error: function() { alert('ocorreu um erro'); },*
* ** success: function(data)*
* {*
* ** $('#mensagem').html(data)*
* ** },*
* ** complete: function() { alert('requisicao ajax completa'); }*
* ** });*
* **});*
The PHP code:
**
*
*
When I use the second code, the error returned by the PHP is this:
*Notice*: Undefined index: nome in *
D:\wamp\www\sites\testes\serialize\ajax.php* on line *2*
*Notice*: Undefined index: idade in *
D:\wamp\www\sites\testes\serialize\ajax.php* on line *3*
*Notice*: Undefined index: timetorce in *
D:\wamp\www\sites\testes\serialize\ajax.php* on line *4*
Nome: - Idade: anos - Time:
So, how do I use the $.ajax() method?
Thanks for help!
Pedro Vidal, Brazil.
[jQuery] Format of the image
Hello dear friends, this is the first time I write to group, so here we go... I'm having a doubt about how to do a photo gallery. My client wants a gallery where the photos SHALL have this format: http://farm4.static.flickr.com/3357/3512424193_b9f5159e69.jpg?v=0 I thought about the use of "image maps", but I think it's a little complicated... What do you suggest, or the photo gallery can't be like the link above? I think that is much more easy to a simple photo gallery, but the client is insisting with this idea. Thanks for all! Pedro Vidal
[jQuery] Re: With IE8 out, how do you test for IE6?
Do you know the IE Tester? I'm using it, and it's nice... 2009/3/23 ryan.j > > I thought SuperPreview was aimed more at identifying layout issues, > rather than testing in a native enviroment? > > On Mar 23, 1:50 pm, Martijn Houtman wrote: > > On Mar 23, 2009, at 1:59 PM, Eridius wrote: > > > > > > > > > I say that friday that IE8 was released so I downloaded it to check > > > it out. > > > I am happy that they did seemed to do at least a few right right > > > and it seem > > > very easy to test for IE8 and IE7 in the IE8 browser (which is very > > > nice). > > > However, after i installed IE8, Multiple IE stopped render > > > correctly (I use > > > Multiple IE to test for IE6 and this is only at work since I have > > > yet to > > > find a way to run IE6 on Vista at home). Do you guys have any tips/ > > > tricks > > > for properly test IE8/7/6 On Vista and XP? I am almost at the > > > point where I > > > want to drop support for IE6 on my own javascript plug-ins because > > > it is > > > utterly retarded to have to main code that works on 3 separate > > > version of > > > the same browser (come on IE6 is over 8 years old, FireFox 1 wass > > > released > > > after IE6 and no one officially supports that). > > > > There's SuperPreview from Microsoft: > > > > http://www.istartedsomething.com/20090318/expression-web-superpreview- > > cross-browser-testing/ > > > > I think it only does IE6 and the IE you have installed on your > > machine. IE8 also has backwards-compatibility mode, which supposedly > > goes into IE7 rendering mode, although in my experience it renders it > > more like IE6. > > > > P.S.: My company no longer supports IE6, unless the customer is OK > > with paying 30% extra development time. It's the easiest solution for > > us ;-) > > > > Regards, > > -- > > Martijn. >
