Hey Everyone,
Just ran into an odd issue. I have a simple WP loop and instead of regular NEXT/BACK pages, I use a jQuery powered $.ajax get to append the following page to the current page. It works perfectly. However, I choose to insert a Google Adsense unit every 5th story. Unfortunately, the Adsense unit that is brought in with a second, third, or etc page load don't render.
Here's my loop: 10 stories per page, Adsense after the 4th one.
<?php $count = 0; ?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php $count++; ?>
<div class="card">
<div class="title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><span><?php the_title(); ?></span></a>
</div>
</div>
<?php if ($count == 4) : ?>
<div class="card">
<!-- ADSENSE CODE HERE (Straight from Google Adsense Panel, no tweaks.) -->
</div>
<?php endif; ?>
As for my jQuery script, here's how that looks:
$.ajax({
url: nextPageLink,
type: 'GET',
success: function(data) {
$(data).find('#reviews .card').appendTo('#reviews');
},
error: function(xhr, status, error) {
$('.loadination').addClass('hidden');
}
});
Keep in mind, I just simplified my code to give you guys an example. The code above was just the essentials. All the loading stuff works perfectly. Images, text, links, etc all load just fine. However, the Google Adsense unit doesn't.
Any help would be appreciated. Thanks and Happy Holidays!
hi my dear friends ...
How can I change the visibility of a control with jQuery? I have a control that its visible property to false...(not css)
When I used show() function for it nothing happened, it seems that hide() and show() methods are for css set of a control , not visible property...
Thanks for your answers,
Best regards
Me again,
I have a question I would like to ask as a followup.
to submit a form using a link powered by jquery is what I am curious about. do I just bind a click event to the link in the live() event for eg and use a submit() added to the click?
God bless
In jQuery how can I track onchange event if the value of textbox is changing dynamically from some other event. I tried this but its not working:
$("#txtbox").change(function(){
alert("change");
});
What does jQuery do differently when you specify the datatype as html as opposed to text. I haven't seen a difference but there must be some subtleties I'm missing. If I wish to return a portion of an html page as a string does it matter which I use?
Hi
I have a comma separated string. I split that string and assigned it to elements var.
How can I loop that elements var?
$(document).ready(function(){
var element = $('#imageIds').val().split(",");
// how to loop this elements using jquery
});
How can I get the selected value of a dropdown box using jQuery?
I tried using
var value = $('#dropDownId').val(); and
var value = $('select#dropDownId option:selected').val();
but both returns an empty string.
{"paging": {"pageNum":2,"action":"Next","type":"","availableCacheName":"getAllFunds","selectedCacheName":"","showFrom":101,"showTo":200,"totalRec":289,"pageSize":100},
"Data":[{"sourceCodeId":0,"radio_fund":"individua
l","availableFunds":[],"fundId":288,"searchName":[],"fundName":"Asian Equity Fund A Class Income","srcFundGrpId":"PGI","firstElement":0,"las
tElement":0,"totalElements":0,"pageList":[],"standardExtract":true}]
I have json file with above format with two fileds,one paging and one is Data array.
I able to retrieve values of paging,but i am not able to retrieve the values of data array with .each function of jquery.
Any suggestions or inputs really appreciated.
I have recently done a very simple highlighting with jQuery and a highlight plugin. It looks like this:
$('myButton').click(function() {
$('body').highlight($('#myInputText').val());
});
But I wonder how can I do the Chrome like highlighting, I mean highlight the letters whenever I type in some letter in textbox without submitting. I think maybe use a keyup event... Any ideas?
I am using a Jquery dialog for both viewing a record and editing a record. When in edit mode the user can change the date using the datepicker. In viewmode I need to hide the datepicker icon and only show the date. Is there a way to toggle the datepicker icon on and off as needed?
I know this exists out there, somewhere but I haven't found it in a few hours of searching. I simply have to load a clients external page into an IFRAME, but I want to use jquery ui to present the loading image while it's grabbing the external data.
Simple yes, but I've seen pieces of this not the whole thing.
I have a aspx page (details page) that needs to be loaded in a modal window on a click of a button. I have buttons in the aspx page that calls server side functionality. So, this is similar to an IFrame way (except that it's now in a modal window)
Is there a JQuery way of doing this?
hi,
I'm using Drupal for a website and I can only use jQuery 1.2.7 (not the most recent versions).
I want to fade in / fade out a div element and I'm using mouseover / mouseout functions.
However, this element contains some children and when I move the mouse over it, the mouseout function is triggered, because I'm moving over one of its children.
Since I don't have mouseleave function, how can I solve this issue ?
thanks
If i submit my ajax form from jQuery, and do
print_r($_FILES);
i get a list of files uploaded,
but if i do something like this
$add_form->sound_file->isUploaded();
or
$params = $this->_getAllParams();
print_r($params);
i don't get my file in zend parametars, and i don't get it uploaded!?
Mayb the problem is with he context beng ajax?!
I am using jquery to find a first element having a class "error" applied to it using the below code
$('#mainDiv input.error:eq(0)')
But the above one working only for input elements only.
How to make this one to work for both input and select elements?
Hi,
I am using jquery treeview with the control option to expand and collapse the branches. I would like to hide this if there is no branches which expand / collapse (i.e. no plus signs). Does anyone know of a way of doing this?
Thanks
How do I parse this json with jQuery?
DayEvents : [{"0":"886","event_id":"886","1":"5029","user_id":"5029","2":"Professional","user_type":"Professional", ...
In IE, The selector for multiple inputs is not working whereas in firefox it is.
Below is the html.
<td><label for="contactInfo.shippingAddress.streetAddress1" class="mandatoryText">Address Line 1<em class="reqdfields"></td>
City*
State
Zip / Postal Code
Country
and below is jquery used -
$("*[id^='contactInfo\\.shippingAddress']").val("");
Any thoughts as to where the problem might be..
I'm sending an ajax request that will either give me an error or a userID
<?xml version="1.0" encoding="UTF-8"?>
<error>1000</error>
<?xml version="1.0" encoding="UTF-8"?>
<userID>8</userID>
how can I find out if the root element is error or userID using jquery or just javascript in general. Using the find method doesn't appear to work if what you're trying to access is the root element
Hi all,
I am learning how to use JQuery validation plugin,
I got a simple input text field like this:
<input type="text" name="username">
But I don't know how to use this plugin to do some data availability tasks.
Could you help me please?
Hello,
i have grid with user data.with first column has check box.. i have a button at the top of the gird..if i click button I need to selct top 5 users from the list?
can anybody tell me how to do this using jquery?
thanks