I have abutton with an icon and the icon is displaced, when it is placed inside a span that has the class ui-widget-content
I believe that this person was having the same issue[URL]...I could just use a different class for the span,I just wondered if there was a
[Code]...
If set the width of button by css the icon will be positioned in center of button (in IE 8).But in FF it looks good.
View 7 Replies View RelatedI am using multiple instances of the jquery datepicker on my form. Due to my CSS i could not use the icon trigger built-into jquery, it caused the icon to be displayed below the input field and i wanted it to be displayed next to the text. Below is the code for one of my input fields.
[Code]...
I have multiple date fields i want to use the datepicker with. The issues i am having are; 1. when i click on the icon to display the datepicker, the picker is displayed, but it displays on the wrong icon. No matter what icon i click on it always gets displayed on only one and it is always the same one. Each field has its own unique name and id the only thing that each field shares is a class. I can't seem to figure out how to fix this. My other issue is that when i click on the icon the page scrolls to the top, so if i am clicking on a picker icon at the bottom of the screen it scrolls the screen to the top.
I'm recently programming a website with ajax and no i have found a solution for the back button problem (broken) on the internet, but it doesn't work on IE. it works on firefox, chrome, safari,...
Every time the user changes the page the url is stored in history with this code:
Code:
It adds after the url a '#' sign with the name of the page...
After that the program will store the url in a non-displayed div
And now i've set up an interval that checks the url adress bar and that div if they are not the same the page will load the url in the adress bar here is the code:
Code:
I've checked the problem with IE. IE will not read the current adress bar. It's always reading the url of the current page but not the url of the adress bar. And i've tried almost every combination with document.location, window.location, href, hash,...at least here's is my url:[url]
I need to have three text boxes, user will enter a number in each box.Then i have four buttons, add, subtract, divide and multiply.When i click on each button, the numbers in the first two text boxes should match the answer in the third text box.ex. (first box has a 4, second box has a 4, and the third box has an 8. if i click the add button, i should get a "correct" answer in the div below with a green background and if i hit the multiply button the div should say "wrong" with a red background.
Code:
<!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">
<head>[code].....
how do I change my html/javascript so that if I drag and drop a link from a webpage to
the desktop in such a way that the name of the shortcut created is not the URL of the link but the link itself?
e.g. if the link is
<a href="http://www.microsoft.com"> MS </a>
then the name of the desktop icon should be 'MS' and not
http://www.microsoft.com
I'm about to launch a new site that features an info "drawer" that slides out. You can see it here:
[URL]
I love it but I have one little aesthetic tweak I'd like to make and can't seem to find a jQuery plugin that can do it. When the drawer is closed I'd like to have that little arrowhead point up, and when it is open I'd like the arrowhead to point down. Basically a "toggle" depending on the state of the drawer. Currently that little arrowhead icon is a BG image but I could easily just make it a regular <img> if that helps.
I am trying to do the following.
While the background color of a div is changing when i click on a button, the image in the other div must change.
Now i have placed a bg image in a div and when i click on my menu link it changes so that works, but i would love to give it a transition, but is that even possible with the background image.
Or do i need to write some other code?
The colors and images change, but really would love a bounce in transition, cant figure it out though maybe it would be better with a list and placing the images just in the slider div?
I have a button class within the html called mygallery_pause_resume and i need to split it into two classes using Javascript (_mypause, _myresume) where I can assign different backgrounds to the buttons.I have an array that activates in an onclick event so that the buttons labels change to play/pause. I have included the code from the template below,
<script type="text/javascript">
stepcarousel.stopautostep = function(config){
clearTimeout(config.steptimer);[code]....
I have a script that controls the backgroundcolourof a page by clicking on the respective linkassociatedwith that background colour ie background color 1=> click link 1 etc
However i want to change the script so that a single universal button/link can replace the need for having a dedicated link to load itsassociatedbackground colour. Heres is the current code which uses a link to change the background;
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>[CODE]...
Seehttp://api.jquery.com/category/deferred-object/links tohttp://api.jquery.com/jQuery.thenhttp://api.jquery.com/jQuery.doneetc don't work.
Is it possible to post a patch to the docs somewhere?
Is it just me, or can no one else see the content of the documentation pages?All I get is a blank window. I've tried multiple browsers on multiple computers with no difference.
View 5 Replies View RelatedIn jQuery 1.4.4 I could load a JSON file from subdomain2.website.com to subdomain1.website.com without any problems. When I upgraded to jQuery 1.5 this didn't work anymore.
Is this a jQuery bug
$.getJSON("http://subdomain2.website.com/resources/data.json", function( data ) {
console.log("data");
});
I have an issue in which any and all jQuery function calls are broken in Internet Explorer and Google Chrome but it functions properly in Firefox and even Firefox doesn't give me any Javascript errors.[URL]..
View 1 Replies View RelatedI am developing a Firefox extension and after upgrading from jQuery v1.2.6 to v1.3.2 I found that including jQuery in the XUL-file will break other extensions that displays buttons on the toolbar, among those is Adblock Plus.
I have not tried any versions between those mentioned so I do not know in what version this happened. If i revert to v1.2.6 everything is OK.
When I load an HTML file dynamically which contain relative links with jQuery, all the links are broken. which does not involve changing all the links to absolute values?
View 1 Replies View RelatedI'm opening a new window with window.open() In the new window a file is loaded with the following post data function:
function ajaxPost(url,data){
$.post(url,data,
function(data){
alert(data)
[Code]....
If I call this function form within the new window everything is fine
- If I call it from the opener window the callback function is broken
- only in safari - ff works fine.
I've written a small plugin to serve as a feature rotator and am having one strange problem.You can see some demos of the plugin and documentation here:
http://pbskids.org/pbskidswidgets/carousel.html.The plugin does a number of things that involve reading the width and height of DOM elements and using them to set the width and height of other elements. The problem is that sometimes in Firefox and Safari, when the page loads, the widths and heights of panels in the carousel are fracked.
Reload the page and the problem's fixed. In Safari, I can't get it to happen again on many reloads. In Firefox, though, if I reload repeatedly, I can get the problem to happen again: maybe once every seven or eight times.It looks like something's happening with page loading, but I'm at a loss to diagnose it further: is the script firing before the elements have fully loaded sometimes, and then works on subsequent tries because those elements are in the cache? Also: I've never seen this error in any of the IE versions.
How can I style the background of a radio button? I have a form where it validates the users has selected one of the radio group values. If they don't the group gets focus and I would like to highlight the radio group. I tried the below it it seems focus goes to the correct group but no background changes. Now I know you can change the background of radios and apply a border of you would like.
View 1 Replies View RelatedI am trying to make a button that would change the background image of the whole document whenever somebody clicks it. I have tried something along the lines of this:
Quote: <input type="button"
value="Pattern1"
onClick="background-image: url(background.png);background-repeat: no-repeat;">
and,
Quote: <input type="button"
value="Pattern2"
onClick="background: url(background.png);background-repeat: no-repeat;">
My assumption to why it doesn't work is that I am combining javascript with CSS, but I am most likely wrong.
I am trying to make a button that would change the background image whenever somebody clicks it.
I have tried something along the lines of this:
Quote:
<input type="button"
value="Pattern1"
onClick="background-image: url(background.png);background-repeat: no-repeat;">
[Code]...
I am trying to make a button that would change the background image whenever somebody clicks it. I have tried something along the lines of this:
<input type="button"
value="Pattern1"
onClick="background-image: url(background.png);background-repeat: no-repeat;">
and,
<input type="button"
value="Pattern2"
onClick="background: url(background.png);background-repeat: no-repeat;">
as you can see, I am a beginner at coding in general. My assumption to why it doesn't work is that I am combining javascript with CSS, but I am most likely wrong.
I have a button with a class name as below:
<input type="button" class="test" value="Add" onclick=Dothis(this);>
class test
{
background-image: url("test.png");
}
I would like to disable the button when clicked
function Dothis (element)
{
element.disabled = 'true';
}
This is working fine (i'm seeing it as disabled(grayedout)) when i wont set any class. But when i set the class to "test" i'm not seeing any change.
I have built a webpage that is all one template and the use of an iframe to change the content and not reload the page graphics every time. The way the page is laid out is a background image in the farthest back table behind another table of a background image that is transparent and over lays the bottom table image.
I want the menu buttons; with the existing rollover image for them alone, to change the bottom layer background image "on click". The only code sources i have found will swap images in the same table area and not to any image existing in the entire document.
I want to put a button on a website that when clicked changes the background. The button needs to be an image. For example, click on the image and it makes the background image1 and then click again to switch to background image2. The image/button that is being clicked will be 2 images (one says "turn lights on" then when clicked shows other image "turn lights off")
I have managed to pick up bits of code from the net that change the background and got another code that makes 2 images a toggle button. The button changes the background on the first click but no back again on the second click.
Pleas how can i change div bg color with active chcecked radio button [code]if checked, change color from #fff to #ccc [code]
View 6 Replies View Related