im trying to make a application, im trying to comunicate with the server with the function load, but it doesnt work, also i try with $.ajax, $.get, but nothing works, i have 3 files, html file, php file and javascript with jquery file,here are the php and javascript files:
javascript:
var x;
x=$(document);
[code]....
I've got this code to work the first time that the user changes the select option:
$('select.third, select.fourth').change(function(event){
var id = $(this).siblings('.hidden').text(),
token = $('#token').val();
param = $(this).hasClass('third') ? 'isSold' : 'isActive';
value = $(this).val();
$('div#allSheepDisplay').contents().remove().end().load(
'db-interaction/animals.php',{
action: 'update',
id: id,
token: token,
param: param,
value: value
}, function() {
$('select.third').filter(function(){return $(this).val() == '1'; }).css({backgroundColor: 'yellow'});
$('select.fourth').filter(function(){return $(this).val() == '0'; }).css({backgroundColor: 'red'});
}); });
Everything works as I expect - the POST request is made correctly, the database is updated and the display updates correctly. However, if I repeat the same action, selecting a different value, nothing happens until I refresh the page, at which time I can then make the change.
$("input").blur(function(){
$.post("/designyourown/scripts/post.php", { id: $(this).attr('id'), value: $(this).attr('value') } );
$('img#preview').attr('src','preview.php' + '?' + Math.random());
});
the above code works how it is supposed to with elements hard coded into the page but if i add more elements with this code
[Code]...
It concerns the load() method. I planned my website as 100% ajax enabled and therefore all content-elements are being loaded via jquery.Problem: Clicking on a menu-entry should load the specified content. This works 2 or 3 times and then the website crashes OR the performance goes rapidly down and I have to close the tab in my web-browser.Trigger for the load method (tried both, but they are causing the same problem)
$('#menu_home').click(function(){ loadSite('home'); });
$('#menu_home').live('click', function(){ loadSite('home'); });
Self-designed load() function:
// load links from menu
function loadSite(siteId){
// append loading animation
[code]....
I've been trying to load some tags using .load. I was testing with Chrome and never got any results back - I just tried the same code with Firefox and it works - where's the problem ? Am I doing something "almost" correct, that firefox allows and chrome doesn't? I cannot see any errors in the console either
Here's the line:
$("#somediv").load("somepage.html #someotherdiv");
I am using $('.CycleContents').cycle which works quite fine in all browsers but if i load the contents before cycle by using load functionit works in firefox but in IE i need to refresh and then it works and doesn't work very first time.
[Code]
with the folowing code i load over the funktion golabel the content in a div.so fare it works in IE fine. why does it nork in firefox?
function golabel(url,label,hoehe) {
if (movieIsLoaded(thisMovie(movieName))) {
thisMovie(movieName).TGotoLabel("_level0/",label);
[code]....
I'm developing a listing of workers, where the user can by department select through of tag select (html). But, my jQuery function not works in IE 8.
[Code]...
I have an error and I don't know how to solve it. Well I load a page into a div called 'entry_container'for my WP theme and I use this function:
[Code]...
I've noticed very strange .load behavior. So - I have simple index page like this:
U can check it here: [url]
We're attempting to load a snippet of XHTML into a container on a page via .load() from a fancyBox pop-up.
Here's the bit of jQuery we're using:
[Code]...
Friend of mine made this script and it works fine inFF (check url beneath) but it wont load the same way in IE. Well it wont load at all there. Can anyone see the problem right away? Im very new to this and iv'e been looking everywhere to try a find a fix for IE solving my problem, so you are kind of my last hope. My friend couldnt find a fix for it either but we assume the code is good as FF does what its supposed to do.
You can test it here [url]
This script working great on FireFox and Chrome but on IE it loads the pages without sending the parameters
[Code]....
I have the following code to load some pages into a div using the load function. When I click one of the links though, nothing happens. I have read a couple of books on JQuery and looking at the examples they give, this looks correct so I am at a loss.
[Code]...
Can the .load() function load .php pages? example: $('#element').load('mynews.php');
View 3 Replies View Relateddue to the version of dreamweaver i have (MX-2004) i have had to hand code a drop down menu myself however i have come across a problem.i'm not sure if the problem is in the Javascript, HTML, or CSS however here gowhen ever i hover over the menus dont drop down they cascade up and the other problem is that when ever i hover over one of the buttons a menu from another pops up and not the one that should. here is the codes so you can have a look
javascript:
<script type="text/javascript">
var timeout= 500;
[code]....
i am going to add thumbnail images on the right side of this page[URL]...like found on this page[URL]... also i am going to give the arrows the ability to navigate through the images i asked for advice in a different forum and was told that the image swaps i have in ggallen.html should not be inline as it clogs up the page...makes sense. i would like to know the best way to add the image swap function, or whatever is best for the job, to the thumbnails. also i would guess there is a more concise way of achieving the navigational behavior for the arrows than making separate divs which are shown/ hid on click.
View 1 Replies View RelatedI have cleated a bit of code that will dynamicly add a new line to a form so the use can add an infinat number of entires for this element.The code adds the form elemetns in IE and FF ok but when i click the submit button it does not submit the information from the dynamicly added elements in FF.Oddly enough IE works fine!Here is the code:
Code:
function addRow()
{
[code]....
I used DrDOS's solution from [URL]and modyfied it a bit so I have 2 images, first without and 2nd with a link to other page. It works just fine in FF but in Chrome and in IE it shows just 2nd image. On place where first image shall be it's just blank white space. I have javascript enabled in all browsers, btw.Here's a code in head:
<script type="text/javascript">
function loadImg()
{
[code]....
I'm using the Google AJAX APIs, but some reason google.load works when run through normal javascript, but if I call the method from my jquery ready function it doesn't work. Code and output is below
page.html
<script type="text/javascript">
loadGoogleStuff();
function loaded() {
console.debug("in loaded function");
}
[Code]...
window.loadFirebugConsole is not a function If I comment out line 3 in code.js, the console debug runs okay, so the ready function is running okay. Even though there's a reference to Firebug, the same error occurs in Safari too. Nothing on the page loads.
I am not really sure where to start with this as my function works perfect in IE 6. However when I select one of my categories and hit submit in Firefox or IE7 or 8 nothing happens. No error message. Just nothing. How can I get this working for firefox and IE7/8?
[CODE]
<script language="JavaScript">
var categories=[];
var categorieslist=[];
[Code].....
I have written probably a rigged way of disabling and enabling fields and radio buttons. The only problem is that when i add the radio buttons to turn on and off the input fields wont work any more.
<script language="javascript">
function enableField()
{
[code]....
Basically, what I'm trying to do is set the left margin of an image based on the width of the image, because I want the image to appear centered relative to the link table above. I've been using this code:
function insertImageMargin(){
var marg = getImageMargin();
document.getElementById("comic").style.marginLeft = marg + "px";
} function getImageMargin(){
var com = document.getElementById("comic");
return 440 - com.width / 2;
}
What happens is, the first time com.width is 0, but if I hit reload, it is the width of the image, and the code works correctly. How do I get this to work the first time.
I have what I think is a strange issue but others may see something I am missing.I am using AJAX functionality to process a php script on a server and then place the output of the script into a div element.Here is the code snippet
Code:
function doWork13(typeCode,colorBlockName,objectCategory,imgID){
httpObject = getHTTPObject();
if (httpObject != null) {[code]....
This code shown here works perfectly BUT....I do not want the alert message to be there. When I remove that line of code the script fails to function. There is no error just nothing happens.The function is to replace one image with another and the variable in question is simply the ID tag of the particular image being modified.As I said it works with the alert but does not with out, could it be a timing issue in that the alert gives enough time for the if statement in the setOutput13 function become TRUE
I'm having an annoying issue with addClass(). I'm trying to find all divs with id name '#moldura_slides' and add the class '.horizontal' to each one of them. The problem is that only the first div matched gets the class. The others are just ignored and don't get it.
$(document).ready(function(){
$("#moldura_slides").addClass("horizontal");
});
This is the page: [URL]
I've got following function:
[Code]....
I would like to run this in recursive mode, and I'm starting the function with:
$(function(){
$.bubbles();
}
The problem is, that function works only one (and a half) time. Console shows: start callback start I have not idea what is a problem. Function needs to be run constantly.