and the logo was gone. Not exactly sure at what point it disappeared yesterday as I didn't notice it missing until this morning. The navigation is about the only point of difference so I think this is the issue but have no idea why.
I am trying to recreate this functionality on my website where you can drag a background image around and when you get ot the edges of the image it bounces back to the edge of that corrosponding side. have a look at the site in question - [url]
So far i have recreated the top left and right edges using
But /*THIS*/ and /*THAT*/ never happen. Is there a way of doing a callback, so that when the background image has changed, do the below functions. Then end with changing it to nothing again?
You have an AJAX request and the response is mixed HTML + JavaScript. The javascript is referring to elements in the HTML component. Currently the JavaScript gets evaluated first thing when success is triggered and the HTML is returned as a parameter. Obviously this is not going to work ( in this scenario anyway ). As a previous Mootools user I was used to Request.HTML's responseJavaScript parameter and evalScripts option. None of there options are available in the $.ajax implementation.
P.S. I know I could make the javascript a file and load it separately. I know I can make my response JSON and have the js and html in separate properties of the JSON object. I want neither.
is there a way i can add history to the back button? so say they are on the same page but the layout of the page keeps changing but the actual page isnt changing. i want to add something in the history so that if they hit the back button it doesnt take them to the actual last page but the perceived last page.
I have an image gallery and wish to add previous and next buttons to work alongside the numbered links
here is the page with the javascript and html.
------------------------------------------------------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <head>
The following script is supposed to have high categories as radio buttons and mid categories as check boxes. Clicking the radio button is supposed to select all checkboxes under it and submit the form.
RADIO (ID = 0001-1 VALUE="") CHECK (ID=0001-0011) CHECK (ID=0001-0012) RADIO (ID = 0001-2 VALUE="") CHECK (ID=0001-0021) CHECK (ID=0001-0022)
The code appears to be checking and unchecking the correct checkboxes. But when the submit occurs, the buttons that were unchecked become checked again.
function handleHighCatSelect(obj) { var highCatName = obj.name; var highCatNameInMidCat = highCatName.substring(0,5) + "00" + highCatName.substring(5,6); alert(highCatName); var length = document.frm.elements.length; for (var i=0;i<length;i++) { var formObj = document.basicSearchMFSFrm.elements[i]; var currName = formObj.name; var currValue = formObj.value;
I'm wondering if it's possible to add a specific amount of color to an already existing color. I'm using php to set a background color to add div; $background = 'background-color: rgb(' . $job['color'] . ')'; But now I want to make the background color a little lighter when the user hovers it, just changing the opacity of the entire div is not possible.
So I was thinking, if my value is like this: r: 100 g: 200 b: 240 Is it then possible to add a specific amount of red to it?
I am building a simple t-shirt creator app for my shop and I am using the interface.js library: [URL].. docs/drag to drag/drop and re-size the graphic on the shirt background image.
Once the user has chosen a spot to put the graphic, how do I save the background image of the t-shirt with the image they dropped in the correct spot? Like, to merge the two graphics in place?
I am having an issue with setting the background-image of a another div #x to the background image of #y.Correct me if I am wrong but I think you would do this in a simple case by saying
$ ( '#x' ).
[code]....
So when it does it, it is getting the URL of the generator (I logged it. what is actually being passed is [URL] This would require a server call to generate a new image, In this particular application, even if it wasn't exactly the image y had it would be acceptable. But it's not doing it. It is not getting any image at all. Am I doing something wrong, i.e. is it supposed to just work? I would think not, since the page has already been rendered. This is almost an ajax situation but I don't know how to do it for an image. I don't really want to generate a new image anyway, I'd be very happy to get the one that's already there. How would I access the actual image already attached to y and not do another server call?
I have this working fine, and I can append the preloaded image to a hidden div then fade the div in for a smooth effect.
Problem is I want to set this preloaded image as a css background image, not as a <img /> in a container. But if when the image is loaded, instead of .prepend() I do .css() and set the css property of a background-image to be the preloaded images URL, then when it carries on with displaying it the browser loads the image again. Rather than using the preloaded one.
I want the image to be a background image as I want it centered in the page background, even if it is too large for the viewport.
I have a LARGE, hi-resolution image that I am trying to use as the background for a page. Because it is so large, it takes a while to download. Because of this, I wanted to load the image behind-the-scenes and show it once it is downloaded.
To accomplish this, I'm using the following JQuery code:
This code clearly downloads an image and appends it to my DIV element. However, I really want to set this downloaded image to the background-image CSS property of my DIV. The reason why is because I have content inside the DIV that should serve as the foreground.
How do I dynamically download an image, fade it in, and use it as a background?
I want to create the form button similar to this: [url]
I use an OnClick to switch the image but the if else statement just doent let me switch back to the original image, i not sure where i have gone wrong...
I am trying to get the images on this page to revert back to the original photo after hover releases. I am assuming this is a simple fix, but I am no programmer and just did this in dreamweaver.[URL]
I would like to know what code I need to add to the Javascript below so that the images displayed will show a "<back and next button>" under each image, like on: http://www.msn.com Code:
I don't have much experience with JavaScript, but this is so simple I can't understand why it doesn't work. Basically, when the user clicks the image of a gray arrow it switched to a green arrow and vice verca.
<SCRIPT TYPE="text/javascript">
function swaparrows() { var x=document.images
x[0].src="../images/green-arrow.jpg"; }
</SCRIPT>
<img src="../images/gray-arrow.jpg"
But that only works once of course, I want users to be able to switch back as well, so I changed the function to what I thought would work:
function swaparrows() { var x=document.images
if (x[0].src=="../images/gray-arrow.jpg") { x[0].src="../images/green-arrow.jpg"; }
if (x[0].src=="../images/green-arrow.jpg") { x[0].src="../images/gray-arrow.jpg"; } }
but it doesn't. I am used to PHP, but as far as I know IF statement works the same way.
I have created a very simple gallery using javascript, which just has numbered links to different images.I wanted a gallery like ery simple I wasn't sure how to build the next and back buttons
(no need for '<!--' these '-->' outside of this file)
Behavior:
*.xml is saved to the 'Application Data' directory (by default), in a folder entitled 'HTAWnGlueData' the xml files are named/retrieved, according to each HTA's APPLICATIONNAME value
the HTA's WINDOWSTATE attribute must be kept to its default value of "normal" for the adhesion behavior to stick, so to speak...
Settings:
there are three 'resource' tags in this component:
"glueDir" sets the top-level directory, where the data folder is created; this can be changed in the text of that tag, for example: <!-- <resource id="glueDir">C:Temp</resource> --> currently that is: 0x1a (- the shell special folder constant for 'ssfAPPDATA')
"minWidth" and "minHeight" set minimum dimensions of a window...
Notes:
white-space counts as data in the resource tags
the initial resize can be hidden from view, if a seperate script is included immediately below the opening <!-- <head> --> tag of the HTA, like so: <!--
