How can I set the background-image css property of say a div using jquery? will something like this work?
$("#div").css("backgroundImage", "url('test.jpg')");
JQuery
Assume this works: $('table td').load('/my/url/ div p');
I would end up with <td><p>Some Text</p></td>
I want to end up with <td>Some Text</td>
How would I do that?
{"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 know this is not a completely new question, but none of the answers solved my problem...
I have built a little menu that uses load() to load image galleries (as external html files) into a specified div ("content"). The said galleries make use of a JQuery plugin (SlideJS).
Now I know that load() does not work for script tags and that I need to use $.getscript in the callback function in order to run the scripts, but it does not work. I have two .js files that need to be loaded: one is the plugin itself and another one is a smaller script with a preloader and the animations for the captions.
I can't seem to merge them together; if I put them into the same document, the script won't run. So I tried just using $.getscript to load the two files.
I tried using two callbacks as suggested in other answer (I know it's not ideal...):
$("#proposal").click(function(){
$(this).addClass('selected');
$("a:not(:#proposal)").removeClass('selected');
$("#content").load("works/proposal/proposal.html", function(){
$.getScript("js/slide.js", function (){
$.getScript("js/slidepage.js");
});
});
});
and I tried a variable (read about it in some other faq, not sure if the syntax is correct)
$("#proposal").click(function(){
$(this).addClass('selected');
$("a:not(:#proposal)").removeClass('selected');
$("#content").load("works/proposal/proposal.html", function(){
var scripts = ['js/slide.js','js/slidepage.js'];
$.getScript(scripts);
});
});
So none of these work. What am I doing wrong? I'm just starting on jquery and my js knowledge is very limited. Should I just merge the two .js files together using minify or something? One of them is already minified, but I've tried with a non-minified version and it does not work either.
Can anyone suggest any other solution around this problem? I thought of just having the div embedded in the main document and just showing it on click, but I'll have at least 4 galleries with about 8 to 10 images each... its a lot of images to load in the main page, so I don't think its the best way.
if you need me to post any more code, please ask! Thanks in advance for all your help!
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 very new to JQuery, but I was told the one of the cool things about it is you can query a mysql database right from an html page(or in my case a smarty template)with out needing php.
I have not found any examples of this so I am asking if someone has one? Thanks
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 ,
Am using this
jquery plugin]1
How to change the click mode to automatically run mode ,
Present scenario , When u click NEXt it show the next three image,
When u click BACK It shows the previous three images ,
I want to change this scenario to
Whe loads , the plugin should start running(image) , Also i need the NEXT and BCK button , When user click the back button , then it show show previous three image and run image toward back,
Is it possible in this ?
Thanks
amount
A. 2
B. 3
C. 3
Quantity
A. 4
B. 5
C. 2
Total
A. 6
B. 8
C. 5
sum(19)
i need some idea of script and method of jquery to make this simple i have already done the edit function of amount and Quantity. but its really hard for me to sum up the amount + quantity = total and sum(total). any idea guys? :(
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
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?
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
Hi,
I have a page with many panels. each panel will have around 5 textboxes.
I need to disable all the textboxes which are empty when the page is loaded. Want to acieve this using JQuery. Can somebody help me on this?
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.
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");
});
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 do I parse this json with jQuery?
DayEvents : [{"0":"886","event_id":"886","1":"5029","user_id":"5029","2":"Professional","user_type":"Professional", ...
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?!
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,
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
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
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?