I have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :
- How to have the main menu with the active color, when one of the sub-menu has been actived ?
- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..
Ive got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.
Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";
The javascript that I have come up with so far and works is as follows:
<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>
I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?
I found this slide show [URL]. I got it to work on my website [URL] using Firefox, but when it is viewed in Internet Explorer it will not work. Second question, When the slide show gets to the last image, after the last image all photos disappear and it resets itself changing the format of the webpage. Any way to not have the images disappear while it loops itself or is there a code to have it stop on the last photo and not loop.
I'm building a drop down menu like [URL] or [URL] or [URL] the effect I'm trying to achieve is to have the top menu item showing a background image via css and create a stylized design with the sub-menu. Using CSS when I hover over the sub menu the background image of the top item disappears. So I'd like some guidance with javascript on how to keep the back-image while hovering on the sub menu.
What I'm trying to achieve is that when I select the "other..." value, that �field? change �onchange? to a text field in order to let the user to input his custom color manually.This is the classic list/menu:
I'm just starting to learn languages like jQuery, PHP and AJAX. I will post exactly what a potential client asked me. I'm not willing to say no, because everything else he asked I can do myself, but if it's far beyond my capabilities, I may have to just hire someone to code this part.
Quote: For our home page main menu bar, we would like to have a script (that we design) that if it recognizes a cookie, it shows a slightly different menu bar than if it doesn't see our cookie. For instance, if a user is "remembered" we want the menu to have a support button visible, if the user isn't remembered by our script, its button would then be "Free Trial" I understand exactly what he wants, just not sure how best to go about it. I believe I've seen this before, and I thought maybe AJAX was the best way to do it, but please, correct me if there is a much easier way.
I figure it's a matter of just showing and hiding an object in a kind of IF / ELSE situation.
On a page for product descriptions, I have a MySQL query that returns a list of purchase options and the price of each option.There is a drop-down field which lists the names of each option. To the right, the price of the selected option is displayed.Upon selecting a different option, how can I have the displayed price change to that of the newly selected option?
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
I am totally new to jquery but have had a bit of experience at other languages. I was just trying to make a front page with a changing background and a nice menu. Havent a clue where to start. Do i use dreamweaver etc.
I've made a gallery that has thumbnails along the top and clicking them changes the source for the full size image below, but it seems I can't change the image size.
A workaround I made up is to put the fullsize image tag inside a div tag. Clicking a thumbnail changes the innerHTML of the div to an image tag with the proper size and source.
I'm wondering if this is the way to do it or if there's a better, more proper way?
ok, I am just learning this stuff, small stupid question here...I am trying to swap images in a little ajax application, and the code handling that looks like...
document.placeholder.src =xmlHttp.responseText
/ no big deal i know, if i print xmlHttp.responseText to the screen the link is correct, but anytime I assign it as a src, i get the link+(all the page html attached on the end) and i dont know why?
I am trying to write a script to display pictures. I have the following code which works OK for displaying the next or prior picture. I know there are plenty of scripts out there for this, but I want to do it myself. So, I'll worry about the pause/play later. I dont know how to write the image using javascript. My problem that I currently want to fix is the first picture displayed is not initialized; that is, the variable I guess. I am passing the directory name, which is this first function. So, I have to click NEXT or BACK (my buttons) to display the first picture (actually the 2nd)... Code:
I've set up a few images to change onlick using the following code (I have the alternate images saved as jpgs in the img/ directory). There are two problems I'm having the first baffles me, after clicking one image and changing it the other images take 2 clicks before changing. The other problem is more of a curiosity, I plan to have these images work as a sort of check box for a sql database query and I'm not entirely sure my current way of doing it will allow for that.
Code: <body> <head> <script language="JavaScript" type="text/JavaScript"> var q=0;
I have a mapped image and I want to change mapped parts of the image. For example when I get a cursor over one area the image in that area would change for another (the same size of course). Or for example I have mapped solar system and after clicking one of the planet the planet will change color (so the image will be switched just in that area).
I'm trying to change the src attribute of an image within a loop and I only get the last image in the sequence. I've put a break-point and I can see that listItems contains the right source for all my 3 images, but I only see the last after the initial change from the original source. pausecomp is a delay function.Here's the code for that loop (this is part of a bigger program within SharePoint)
I am using PHP and Javascript to create a user generated page editor. I have everything working except one thing. The user can select the background color of the page using preselected colors. They can also enter in a hexadecimal code to change the color of the background if the color they want isn't one of the preselected ones. These two things work good, but when it comes to them entering in a web address to make an image the background instead of a color, I can't get the background image to change. I have tested it out and when I enter in a predetermined url in the javas source code to test if the pic will display it does, but it doesn't go away after being displayed. So my question is using the code below, how can I get the change the background image using an input box and how can I make it go away when a color is selected instead of an image. Explained below:
After you click on the last button 3 times it should change the background to the zombies image however it isn't working. I haven't found tutorials for doing it exactly as I am attempting it but I don't see why this isn't working.It runs through the code just fine and the button works as intended except for the fact that the background image isn't changing.