I think that the way I have worded the title may be incorrect, as I've googled similar phrases without finding anything to help me Anyway onto the issue
I have a dropdown menu
you can see it here:
http://heavywoollen.webs.com
It's written in html & css, now I've had to put the code for the dropdown onto every page of the site, simply because at the time that was all i knew how to do, so I'm now trying to reduce it by writing it on JS and link the file into the page so the issue/question
Is there a way to determine which css file is applied to a page using js?I have a regular css file and a "print" css file linked in the html <head> and I want the js to determine which css file is being used to style the page and basically turn itself off if the print version of the css is being used.
JQuery and I have a function which adds an image to a link depending on the file type.
How to write a statement that says....if there is no file extension - leave the default styling, if not add file extension. At the moment I have dots and images..see here [url]
I am working on building a site so people can get the latest reports. I am working with the existing folder architecture. Here is how the folders look.
SalesRev >
old (this is a folder inside SalesRev) salesPDF_80811.pdf (This is today's file that is in the same folder as old) I will not be able to link to the full file name sense the date will change each day. Is there anyway to link to the beginning of the file name
relatively new coder here definitely new to js and I can't figure out how to get this script linked into an external file every time I try nothing shows up.
<html> <head> <script language="JavaScript1.1"> <!-- var slideimages=new Array() var slidelinks=new Array()
[Code]...
do i need to break this up into 2 files or something I can't get it to work
I have an existing javascript menu where the user selects a meaning from a drop down box and a list of products with that meaning appear in a search results page.
I had the whole javascript pasted into one of the columns where I wanted the 'search by meaning' box to appear and it worked fine, however when I tried to validate the HTML (4.01 strict) it popped up errors left and right because it was interpreting the script as HTML.
I don't know how to write js or work arounds, so I removed the whole script from the page and saved it in a .js file, but I am doing something wrong because I cannot get the javascript to appear at all, nevermind getting it to appear in the column I want it to. Code:
Now I need a function included in the creatpage.js, that checks if a file exists,(eg drum000.html) if it does, go there, if it doesn't, try drum001.html
I am building a static website, and I have images in my index page each image has a title name, how do I make an image clicked to open in a different window if clicked, I have a template page designed to be used for opening an image in a different window if clicked but I don`t know how to configure everything. Secondly, I would want the image to be placed in a particular section in the template page.
I am using a CMS where the blogging platform isn't the greatest.Basically I am wanting to give the first post preview different styling to the rest of the post previews on the page.Here is an example of what I am trying to achieve:[URL]You can see the first post preview has a bg color and border etc.So here is the code my CMS outputs for the blog previews
<div id="catblogoutput"> <div class="blog-post"> 1st blog preview here
i am at the end of my web application, and now that my functionality works, i have decided to touch things up some. This effort has taken me to an end where i must start the task of styling some context menus i have that are generated from javascript OO programming. Each onContextMenu click, on any given node, or the document for that matter, shows an object that is shown by overwriting the default context display,.. the object (contextMenu) has several members such as, contextMenu.item, nodeType, and so on.
Each item is an array of the possible context menu commmands. And the whole thing works great, but i have no experience making these items and the contextMenu look good, so all of my menus display, but have big horrible font and what not. I was hoping somebody could start me in the right direction for research or possibly give me an example of a way to make the item objects have a certain font, or display with a specific border width.
i have a few textboxes that are prepopulated using the text value to show 'First name' , 'Surname' etc and are removed on focus by the user.
Can these be styled as currently they appear black but client wants them light grey, but i dont want the entered text to be affected just the initial displayed text.
I'm trying to style a form using jquery, but it's not working, specifically the replacement of the (required) text with * or **. what is wrong with my code:
I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the <select> element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+
I am using [URL] works great, except that I cannot style the tab buttons how I want them. Is it possible to use Tabs without any styling, so that I can fully style using my global stylesheet?
I have the following script which adds a touch of style to the labels that contain checked checkboxes:
function decorateCheckedBoxes() { var form = document.getElementById("filtreEtudiant"); var inputs = form.getElementsByTagName("input");
[Code].....
If I take the script away, the css works fine. but as soon as I add the script, I need the orange part to acheive the rollover effect. Is this normal? Is there a way to change the style of an element without affecting it's onhover style?
I have a complex form and a 'Print' button which should print only the contents of a specific DIV. I am using the following function (i found on another forum):
function PrintContent() { var DocumentContainer = document.getElementById('divName'); var WindowObject = window.open('', 'PrintWindow',
[code]....
While using this, the CSS styling of the DIV are missing.How can I print the DIV's contents and keep the CSS styling.Before using that function, I tried "execCommand("Print")" but the results weren't good at all. it printed only a small part of the content.
Haven't used cookies before really but I'd like to create a cookie that remembers the options a user has selected so they can have their styling next time they visit. The user selects the styles through 2 drop down boxes. Below are the drop down boxes for the information I would like the cookie to remember.
HTML Code: <script type="text/javascript"> function fontsize() { selectedstyle = document.form1.font.selectedIndex; newsize = document.form1.font.options[selectedstyle].value;
I have a page (index.php) with a pictures carousel that works with css and jquery. I want to loaded a new carousel into a <div> after the page is loaded using the $('#mydiv').load('myscript.php') function that calls a php script returning the html code for the carousel, containing a list of images.So I have a <ul> of pictures that doesn't work as a carousel without the CSS and jquery code that has been loaded on the page when my index.php loaded on the first place.So, since the page has already been loaded the carousel doesn't work properly.It seems like the jquery code for the carousel to work, should execute every time I load a new list of images with the load() function.
I have a page at URL... where I have styling on the radio and check boxes.I'm working on another project for class now where I want onclick or onchange functions in the radio buttons. When the radio buttons have the class="styled" on them, the function will not execute. When that's removed, they do.This is what one of my radio buttons looks like:<input type="radio" name="puppy" value="1" class="styled" onchange=" puppycheck()"> Black and White Puppy.If the style tag is removed it works perfectly.
