Background Image Gone After Adding JS Component / Get That Back?
Nov 16, 2010
Am just starting a new site and this morning noticed my header background image (logo) was missing.
Started out with normal CSS/HTML navigation menu.
www.westernwebdesign.com.au/pelican/index.html
Then I added a Vista buttons navigation menu:
http://www.westernwebdesign.com.au/p...cal/index.html
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.
View 3 Replies
ADVERTISEMENT
Jul 27, 2011
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
Code:
Here is how i thought the bottom would work
Code:
View 9 Replies
View Related
Jun 9, 2010
$('.collapse').click(
function(){
/*THIS*/ $('#loadingSymbol').css('background-image','url("ajax-loader.gif")');
triggerReset();
$('.identRow').each(
[Code]...
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?
View 6 Replies
View Related
Nov 1, 2010
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.
View 4 Replies
View Related
Aug 22, 2006
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.
View 3 Replies
View Related
Sep 23, 2011
How to pause an interval while the tab is in the background, and unpause it once the focus comes back?
I made a jsfiddle:[url]
1.) notice how the numbers are counting up.
2.) remember the current number and navigate away from the page.
3.) wait 10 sec and return to the page....the numbers keep going up while you'r not on the page.
How can i make it only go up while on the page?
View 2 Replies
View Related
Apr 11, 2009
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>
[Code]....
View 9 Replies
View Related
Jul 23, 2005
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;
if ((formObj.type == 'radio' || formObj.type == 'checkbox')
&& (currName.indexOf(��-') != -1) )
{
if ((currName.indexOf(highCatNameInMidCat) != -1) ||
(currName == highCatName ) )
{
formObj.checked = true;
}
else
{
formObj.checked = false;
}
}
}
frm.submit();
}
View 2 Replies
View Related
Jun 11, 2010
I'm trying to add a back and forward button to some scrolling images. The code that handels this runs on load and will cycle the images.
Code:
function rotater() {
if(document.layers) {
document.placeholderlayer.document.write(items[current]);
document.placeholderlayer.document.close();
[code]....
View 1 Replies
View Related
Oct 18, 2011
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?
View 2 Replies
View Related
Feb 15, 2012
I have an ajax call that sends some data to process.php and return back the image name. In process.php I returned the name as follows:
echo "image.png";
The ajax call is:
var $chart = $( '#chart' );
var $test = $( '#test' );
[Code]....
so from test div i get the path printed right: (./images/image.png), but I don't get the image to be desplayed
View 2 Replies
View Related
Aug 24, 2010
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
View 1 Replies
View Related
Jul 15, 2011
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?
View 2 Replies
View Related
Jun 10, 2010
I want to create Google Custom Search TextBox that has background image and image disappears on onmouseclick and appears back on onmouseout.
View 1 Replies
View Related
May 12, 2010
I have a div set up like this
<div id='y' style='background-image: url(./randomcolor.php?ibase=
<?
php echo $entity
->
[code]....
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?
View 2 Replies
View Related
Oct 6, 2011
i want to change the background image of a webpage every few seconds to a different image... i've written this code but it doesnt seem to work.
<script language="Javascript">
window.onload = backgroundchange();
function backgroundchange()[code]...
View 3 Replies
View Related
Aug 28, 2009
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.
View 1 Replies
View Related
Jun 10, 2009
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?
View 1 Replies
View Related
Feb 19, 2011
I need to get the image name that is the end of the background-image example [code]i just need the name and file extension, example:[code]
View 7 Replies
View Related
Dec 27, 2006
I'm new to Greasemonkey, and have no idea how to fix this. I would post elsewhere, but I couldn't find a forum for user script development help....
View 4 Replies
View Related
Mar 27, 2011
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...
Below are the html and js thumnails:
[url]
[url]
View 1 Replies
View Related
Oct 28, 2011
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]
View 1 Replies
View Related
Nov 24, 2005
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:
View 4 Replies
View Related
Aug 26, 2005
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.
View 4 Replies
View Related
Oct 17, 2008
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
View 13 Replies
View Related
Jun 2, 2005
Fully commented...
<?XML version="1.0"?>
<component>
<?component error="true" debug="true"?>
<comment>-------------------------------------------------------------
'HTA Window Glue' script component (file name: HTAWnGlue.wsc)
Description:
a tacky attempt at persisting 'window settings', to restore
size/position at run time (within available screen space)
Usage:
include a link element inside an HTA element, like so:
<!--
<HTA:APPLICATION APPLICATIONNAME="someUniqueName">
<link style="behavior:url(HTAWnGlue.wsc)">
</HTA:APPLICATION>
-->
(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:
<!--
<script type="text/JScript">
try{moveTo(-32000,-32000)}catch(e){}
</script>
-->
- "normal" WINDOWSTATE is important in this context
all things considered, the component is probably best suited for
resizable HTA's without minimize and maximize buttons...
------------------------------------------------------------</comment>
<implements type="Behavior" id="GlueCode" />
<resource id="glueDir">0x1a</resource>
<resource id="minWidth">100</resource>
<resource id="minHeight">100</resource>
<script language="JScript">
<![CDATA[
GlueCode.attachNotification(function(message)
{
if(message != "documentReady")
return;
var HTA, appName;
if(!((HTA = GlueCode.element.parentElement) && HTA.windowState == "normal" &&
(appName = sysConvention(HTA.applicationName)).length && !external))
return;
var IShellDispatch, IXMLDOMDocument;
if(!((IShellDispatch = AXO("Shell.Application")) &&
(IXMLDOMDocument = AXO(["Msxml2.DOMDocument.4.0","Msxml2.DOMDocument","Microsoft.XMLDOM"]))))
return;
var N, Folder, persist, FolderItem, storageDir = "HTAWnGlueData";
if(!(Folder = IShellDispatch.NameSpace(isNaN(N = +(Folder = attempt(function()
{return getResource("glueDir");}))) ? Folder : N)))
return;
Folder.NewFolder(storageDir);
Folder = IShellDispatch.NameSpace(Folder.Self.Path + "" + storageDir);
var client = document.body, availWidth = screen.availWidth, availHeight = screen.availHeight;
window.attachEvent("onbeforeunload",function()
{
if(!persist)
return;
root = IXMLDOMDocument.documentElement;
root.setAttribute("left", screenLeft);
root.setAttribute("top", screenTop);
root.setAttribute("width", client.offsetWidth);
root.setAttribute("height", client.offsetHeight);
attempt(function(){IXMLDOMDocument.save(IXMLDOMDocument.url || Folder.Self.Path + "" + appName);});
});
IXMLDOMDocument.async = false;
if(!(FolderItem = Folder.ParseName(appName = appName + ".xml")))
{
persist = IXMLDOMDocument.loadXML("<HTAWindow left="" top="" width="" height="" />");
return schedule(function(){
moveTo((availWidth - client.offsetWidth) / 2, (availHeight - client.offsetHeight) / 2);});
}
if(!(persist = IXMLDOMDocument.load(FolderItem.Path)))
return;
var m = 32000;
schedule(function(){moveTo(-m,-m);},function()
{
var
root = IXMLDOMDocument.documentElement,
persistLeft = +root.getAttribute("left"),
persistTop = +root.getAttribute("top"),
persistWidth = +root.getAttribute("width"),
persistHeight = +root.getAttribute("height"),
borderWidth = screenLeft + m,
captionHeight = screenTop + m,
minWidth = (isNaN(minWidth = Math.abs(parseInt(attempt(function()
{return getResource("minWidth")}))))) ? 100 : minWidth,
minHeight = (isNaN(minHeight = Math.abs(parseInt(attempt(function()
{return getResource("minHeight")}))))) ? 100 : minHeight,
size = function()
{resizeTo(Math.max(minWidth, Math.min(availWidth, persistWidth + (borderWidth * 2))),
Math.max(minHeight, Math.min(availHeight, persistHeight + captionHeight + borderWidth)));},
move = function()
{moveTo(Math.max(0, Math.min(persistLeft - borderWidth, availWidth - (client.offsetWidth + (borderWidth * 2)))),
Math.max(0, Math.min(persistTop - captionHeight, availHeight - (client.offsetHeight + captionHeight + borderWidth))));};
schedule(size,function(){schedule(move);});
});
function sysConvention(filename){
var
p1 = /[x00-x1f<"/?*|:>]/g,
p2 = /^[. ]+|[. ]+$/g,
p3 = RegExp("(^AUX$|^CLOCK$$|^COM1$|^COM2$|^COM3$|^COM4$|^COM5$|^COM6$|^COM7$|^COM8$|^COM9$|" +
"^CON$|^LPT1$|^LPT2$|^LPT3$|^LPT4$|^LPT5$|^LPT6$|^LPT7$|^LPT8$|^LPT9$|^NUL$|^PRN$)","i");
return filename.replace(p1,"").replace(p2,"").replace(p3,"$1_");}
function attempt(method,test){
try{throw method();}catch(result){return result instanceof Error ? null : result || test;}}
function schedule(method,next){
!attempt(method,true) ? setTimeout(function(){schedule(method,next);},55) : attempt(next);}
function AXO(progId,loc){
if(!(progId instanceof Array))
return bind(progId);
function bind(pId){
try{
throw loc ? new ActiveXObject(pId,loc) : new ActiveXObject(pId);}
catch(obj){
return obj instanceof Error ? null : obj;}}
var retval, p, i = -1;
while(p = progId[++i])
if(retval = bind(p))
break;
return retval;}
});
]]>
</script>
</component>
Info on script components... http://msdn.microsoft.com/library/en-us/dnclinic/html/scripting091399.asp
HTA:APPLICATION Element: http://msdn.microsoft.com/workshop/author/hta/reference/objects/hta.asp
View 1 Replies
View Related
