This is my first post here and I'm pretty new to javascript and jquery.
I have an index.php, where different content is loaded with jquery in the div '#content'.
This works fine.
The js script is included with
Now i load "songs.php" in this div, and in this php-file is a php-script, that reads songs from a database.
Here's the php-code code...
I've just started with jQuery [code]In FF, the sliding stops in the middle and then it changes to be seeable without an effect.
View 5 Replies View RelatedI made this quick 12sec/600KB screencast to help illustrate what's happening:[URL]...There is a hidden div that contains the fieldset. The slide is applied to the div. In Firefox, the element that has the slideDown/SlideUp effect applied works fine. In IE7, the element just appears, then the elements around it slide (which appears broken)
The fieldset element has a position:relative property (which is needed for fixing CSS bugs on the legend tag)
If I remove the position:relative property, slideUp/slideDown works fine in IE7 (but breaks the legend tag)
Is there a way around this without having to remove the position:relative property?
slideUp() works fine and it animates the sliding effect. But slideDown() just shows the hidden content but not animate it. Also slideToggle() doesn't slide it down just shows it. So only slideUp() works...
View 2 Replies View RelatedI am having a strange issue with jQuery where if someone clicks a checkbox, then a hidden div would slideDown using jQuery but for some reason, the intial click on the checkbox works and shows the hidden div but it does NOT work when you click on the checkbox again to hide the div. [URL] On the borrower and lender tabs you'll see checkbox i speak of by the "Mailing address same as Property Address"
[Code]...
i tried to do an easy slideDown and slideUp with a mouseover action. Unfortunally the slide dosn't run smooth.
Here's the link to the testpage.
The HTML
<div
class
="teaserbox-container"
>
[Code]....
1. The slide down jumps and dosn't move smooth. Is there another way to open the box then slideDown to fix this problem, or do i have to change the markup?
2. If i move out the mouse on top, left or right everything is ok, but if i move out at the bottom the whole thing goes up and down and up and down..
<html>
<head>
<title>Braxton's Homepage</title>
</style>
<link rel="stylesheet" href="normal.css" />
<style type="text/css">
div#secret{
border: medium double black ;
[Code]...
why this doesn't work! It's supposed to make the "secret" div reappear.
I'm using Jquery API slideUp and slideDown for my site when i click on a group of channel, a list of it's detail will appear as slideDown slowly and the others will disappear slowly. At first element i click it work fine, but from the second element it just disappear and appear not slide up or slide down. You can see it at URL :
[Code]...
I thought this would have been fairly simple but it appears the onchange event isn't triggered when a hidden field is populated by other javascript without user input.
I have a simple search box and autocomplete/suggestion ajax thingie going on.
What I want to do is have my "Go" submit button disbled until AFTER a user has populated the hidden field "cid". A user populates this field automatically when they click on a suggested option from the ajax autocomplete doofer.
Here's what I've tried at the moment but failed on.
<form action="index.php" method="GET" name="qsform" id="qsform">
<input type="hidden" name="p" id="p" value="compdetails" style="border:1px solid #000000;" />
<input type="text" name="quicksearch" id="quicksearch" value="Find Company"
[Code].....
I'm trying to get a table like on Bob's site
So I downloaded Greg's tablefilter plugin and the tablesorter plugin like Bob says in his site. I then have this code...
I've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
I have a form where I want to force users to accept terms and conditions before they can move on to the next page (submit form).
<input tabindex="2" name="agreement" id="agreement" type="checkbox" value="N" onchange="checkAgreement()" />
<label class="checking" for="agreement">I accept the <a tabindex="1" href="?page_id=292" title="read this before you continue" class="popmeup">terms and conditions</a>.</label>
[Code]....
I would like to have an anchor link with hidden text. When I click on the anchor link, I want to see a text drop below showing the Keep trying information. It keeps giving me "object expected" error message. What object I need to put in there. Here is the code:
[Code]...
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[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]....
I tried to use fade in the code below, it works in firefox but not ie7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I've just tried the JQuery fadeIn effect and it works in FF, Opera and Chrome. But it doesn't in IE.
This is the JQuery code
//contact click, load data
$('#contact').click(function() {
$('#contentFill').fadeIn(1200, function() {
$.ajax({
[Code]......
I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 Replies View RelatedMy on() function doesn't work. This is my code:
$(document).ready(function(){
$('button').on('click',function(){});
});
[Code]....
I am using latest jQuery 1.7, and it is loaded correctly.
I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work.
I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete.
here is my site: [URL] tabs don't work under IE - all div's are visible. I should add some code? I thought that jquery works under all browsers...
View 2 Replies View RelatedFor my work i need to make a form. At some points you have to choose an option from a dropdown select box. After you have chosen one of those some other field appear under the dropdown thing. I use the slideToggle event for this effect. In firefox its all working fine, but in ie 6.0 and 7.0 it doesnt work. What do need:A dropdown menu with a few options in it. You can choose one of those and after you select it a few other options apear under the dropdown menu.
[Code]...
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
