i'd like to have it so that when stream, playlist, etc... are clicked, the button currently using the #activebutton style changes into #navbutton, and the button clicked changes from #navbutton to #activebutton.
Also, clicking the button will change the z-index of a box containing each particular categories content so that it pops to the front, although i have not tried implementing that part yet. (<-- is there a better way to do that? just wondering).
Anyway, i've been trying to teach myself what to do with the javascript. i can get the activate() function to work if no deactivate() function is defined, but it will only work for one button and then that's it. any ideas?
Basically, I have a div section in my xhtml that I want visible for print (div {display: block;} in my print css), and visible if somebody has javascript disabled (therefore also div {display: block;} in my screen css), but not visible on screen with javascript activated (i.e., turned off in javascript with div.style.display = "none").
The problem is one of precedence. When displaying the page on screen I want my non-interactive javascript code to execute after the css rules have been applied (so I put my javascript within window.onload). But when a user attempts to print, I'd prefer if the css (for print) were applied after the javascript. Unfortunately this doesn't seem to be what happens.
I have spent my day trying to figure out how I could swap nodes in my HTML page.
Basically I have a table with any given amount of rows. In each of these rows I have a checkbox.
The user can select any 2 rows with these checkboxes and click on a "swap us!" button to swap them (that is the first row takes the pace of the second and vice versa) - this shall be performed on the client side with JavaScript.
I have seen that the DOM has a method called swapNode() but I cannot get it work property for 2 reasons:
1) It looks **like** it is not portable (NS vs. IE) (accoring to what I read somewhere on the web)
2) I am not a champ. in DOM/JavaScript, but I gave a try in doin' it with the other DOM methods (appendChild() bla bla bla) without success - I am crap
I hope some genius out there is going to be able to provide me with some code! Don't ask for mine, I have tried again and again from scratch so many times that my keyboard could let me down!
I am using a simple javascript image insertion on my XHTML page, and I have encountered a problem. The Javascript code fails to execute when the doctype is XHTML on Firefox (works on Opera). However, when I simply rename the file with an HTML extension, the code executes on all browsers. Code:
etc.... and each one is different, related to an input field, and as you can see it is a radio input array, and all radio inputs are named add_id[1], add_id[2], add_id[3] and so on i want a javascript function that will swap all the values of these radio buttons to whatever the first on is set to, either 'yes' or 'no' Code:
i have been tryin for a long time to get both of the javascripts(for the thumbnail to main img swap and the navigational arrow swap) to work in synchit needs to be so that after clicking on a thumbnail then on an arrow, the correct image in the correct order appears. as of now they are running separately and one has no influence on the other. forgive me if im not being clear. i keep trying to replace the id that one script is looking for with the same id from the other but this will not work..why?
I am a complete novice with Javascript, but am trying to work out how I can get a button to swap to another image when clicked, and each image have a different URL attached. I want to use this to toggle the bgcolor of my page using this script:
Code: <script type="text/javascript"> <!-- function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); [Code]...
I need to create a Javascript and when the output is printed, I need to control the margins of the printed page very strictly, can Internet Explorers version of CSS do this? Or is there another solution?
How can i override all the styles being cascaded applied to some HTML element?
For example:
I have a stylesheet where DIV styles are described DIV { padding: 10; margin: 10; }
and have HTML code:
<DIV><DIV style="override:all">Test</DIV></DIV>
I would like to not have the inner DIV padding, margin and other directives described in styles above. Actually I would like to discover some directive line "override:all"!
in my javascript, when i alert the value of (document.getelementbyId('inner')).style.display, I get blank value. when i do the same for outer div, then i get value block. however inner div is inheriting style from its parent. i need to add some specific handling in case style of inner div is block, whether explicit style or computed style. i cannot do the check on its parent's style as it might not always be immediate parent.
I seem to remember being able to do this, but I can't seem to find out how I did it before...
Basically, I have styles defined by class in a stylesheet, and I need to read the "width" style. obj.currentStyle.width works just fine in IE, but Firefox doesn't recognize it.
document.defaultView.getComputedStyle(obj,null).ge tPropertyValue('width') gives me the actual width (just as obj.offsetWidth does), not the width style assigned by the stylesheet.
Because the elements are cells in a table row, the rendering of the table is causing the actual width to vary from the assigned width style. So, how can I get the assigned width style in Firefox (and other browsers)?
i have a jquery slider, and jquery tabs on one page....i dont want the tabs to have the theme the slider does...is there a way to set the tabs to not use the theme style, on the
I displaying mysql data in a webpage using div's and tables. Each row of data has 4 div's, and a certain style. The 4 div's will be repeated for each row of the query result. I want to repeat the style for each set of div's as they are created. I imagine this would/could be achieved using and array of style id's such as: ID1a, ID1b, ID1c, ID1d ID2a, ID2b, ID2c, ID2d etc, etc.... How can I create/repeat these style ID's as I create/repeat the div's?
I'm currently moddifying a simple menu tree script, into a way of showing more info, when clicking a headline. It is beginning to work allmost a i want i to, but when i use my own stylesheet, the area of the menutree is shown as a table.
I'm programming a styles generator for the Stylish add-on. What I want is the same thing that when I click on the button "Install with Stylish" : A Window appear to ask user if he wants to install the script with Stylish. I saved the website page on my desktop and opened it. Obviously it did not worked, nothing happens when i click. I also changed the path for javascript file in the html and so on.. There is a XMLhttprequest() function wich opens the url of the style ending by ".css". But I replaced the url by my file path (by a locally file) and I replaced the statut (200 by 0, because I'm working on a local file).
But whatever I do, nothing happens when I click. There is also a function called firecustomevent() who creates the event, but my knowledges are limited at this point. I read document on mozilla website on how to call an event but i can't get it to work. How to display a windows asking the user if he wants to install the style. The url containing the javascript is a simple style url like this one : [URL] where you can see the "install with stylish" button. I also attached the concerned javascript in a txt file.
<%@ Language=VBScript EnableSessionState=False %> <%Option Explicit%> <% Response.Buffer = True Response.Expires = 0 'Prevents caching of the content %> <% Dim strScripts Dim ipsp, iFNum Dim fso, file Dim strReferer Dim bRM = False
Dim Scripts(13) Scripts(0) = "Script1.js" ... Scripts(13) = "Script13.js"
strReferer=Request.ServerVariables("HTTP_REFERER") 'compare referer to the address of the page that uses the 'scripts and continue only if matches. This will allow access 'only by your file
strScripts=Request.QueryString("Scripts") set fso = Server.Createobject("Scripting.FileSystemObject")
While Len(strScripts) > 0 ipsp = InStr(1,strScripts,",") If ipsp = 0 Then iFNum=CInt(strScripts) strScripts="" Else iFNum=CInt(Left(strScripts,ipsp-1)) strScripts = Right(strScripts, Len(strScripts) - ipsp) End If set file = fso.opentextfile(Server.MapPath(Scripts(iFNum)), 1) Response.Write(file.ReadAll) file.close set file = nothing
Wend
set fso = nothing
%>
Hope this will extinguish some of the code protection debates. If you see holes in the suggested approach let me know. It still does not protect from net traffic sniffers ....
I have a div tag, I want to print the content of it. I have done it using Java Script, but I am not getting the styles applied to different texts or textboxes into printout. I want to get the print with CSS styles. How to do it using Java Script?
"Tester" is the id of a div with it's visibility set to visible. No matter what, though, I always get "Else" returning. Do I have a syntax error with the above, or is what I'm trying to do not possible at all??
I'm a little stuck on changing the properties of the a couple of items, here's a look[code]...
I simply need the following css selectors: #menu ul#item1, #menu ul li.item and #menu ul li.item a to change their properties from display:none to display:block in the function toggle under the (feat == "show_menu") condition.
Is there a way to copy over a table's properties and styles (NOT it's child elements like tbody, trs, etc) into another table, besides doing them manually, one by one?
I am very new to jQueryUI and had a question about 1 small thing that has been bugging and throwing me off. Let's say for example, we are creating a dialogue box, triggered to open on the click of a <button>. Once applied, the <button> takes classes such as ui-button, etc, which may end up altering what you want that particular button to look like.
Is there any way to stop jQueryUI from applying this set of classes to the button itself? I have tried using removeClass to strip these, but it doesn't seem to have any effect at all. The styles in my default themeroller theme have been good for everything else, except these small things I don't want altered by the jquery classes. I the model form example, I removed button() from the js and it didn't apply any new styles to the button.