Anyone know how to use javascript & active X to open an application? I have a web page and want my user to be able to open an application (i.e notepad) when they click on a button. How can this be done?
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
I think this is just a dumb question, I'm missing some basic logic here about jquery "grammar".
I'm trying to do an image swap on hover that checks to be sure the thumbnail is not the active thumbnail. So mouseover, it swaps. Mouseout, swaps back, unless the thumb has been clicked.
Here's a snippet of the code that doesn't work:
How do I check that _li is not ".active" and replace the src if it isn't?
! I'm making a tab menu with HTML, CSS and JavaScript. I have this HTML:
[Code]...
how to set active the first tab. I've tried with class='active', but when I use that atribute and click on another tab, the first one doesn't deactivate...
i have a list of thumbnails that are created dynamically from a database which have an transparency state when the thumbnail is in the active state (ie when someone clicks on it)I wondered is there anyway that the first one could be set to active by default when the page initially loads. My code is below:
<script language="JavaScript" type="application/javascript"> <!-- function setMainImage(imageId) {
[code]....
I wonder how I can highlight the active thumbnail so its background remains blue until I click another one.I also like to avoid the inline JavaScript.
[URL]...When you click the "More" tab, the browser forgets the active tab styling and current tab contents; I don't want these to change - all I want to change on the click "More" tab action is the navigation tab. But my browser should maintain the styling for the last active tab and continue to display its corresponding tab contents. Yet it forgets these details when the user clicks "More".
In particular, when user navigates back and forth between the two tab sets, whatever was the last styled active tab remains styled as such. Browser should remember this.
$(document).ready(function() {
//When page loads... $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() {
How do i close a specific window. (not the active one) with javascript. the reason im asking is because i have a form submitting to another page AKA TARGET_BLANK. but i have it target blank because that page checks if the stuff from the form can be inserted into the database.
BUT IF IT CANT, i give them a close(the active page) link and it closes the second page(that says oh u didnt fill in a title THE ERROR blah blah blah) so that the user can fix the first page(the page didnt reload itself or close so the information can stay and not be lost(form inputs, textarea texts etcc)
But what if the user submits a correct form and it says so on the 2nd page. and then close that page right AND THEN... theres the first page there left un touched. how can i get page 2 to close page one. with javascript.
I have a menu with buttons that pop up when they are hovered over. If Firefox, the area above the button triggers it, and pushes the button up to where you can read the text for the button, and everything works fine. In IE, you have to get the mouse directly over the small part of the button that is visible before it will trigger the animation to bring the button up.
I am using jQuery to animate the buttons and a few other things on the site. I'm not sure if this is a problem with the jQuery, or the CSS, I would include a link, but the work is for a client that hasn't launched the site yet, and everything is still confidential.
I am using jquery for the dropdown and i want to be able to display background-color / image when i hover over my list item and so it stay active when the submenu shows and goes off when the mouse moves off it
I am not sure if this will require changes to my JS and Html. I have put the page on jsfiddle with that you can see the live code and make changes etc. code....
I have written a function that adds up numeric values from a multiple textfields on a page and writes the sum to the total textfield. I would like to move this from the page to an include so I can re-use on multiple pages. How do i reference the active page in my script. This is an excerpt from the function...
<script type="text/javascript"> function calctot(section) { if (section == "A") { /* Section A1 */ A = (document.frmSRData.A_BCI_RI_Public_Prod.value * 1) + (document.frmSRData.A_BCI_RI_Public_Perf.value * 1); document.frmSRData.A_BCI_RI_Public_SubTot.value = A;
adding a class to an active li. I'm working in drupal, and the system adds a .active class to the DOM of whatever li class was last selected.In my .js file I added the following:
$('document').ready(function(){ var tabActive = $('#tabs-tabset ul.primary li.active a'); tabActive.addClass('tabknotch') });
This works perfectly...for the first tab. when I navigate to the next tab the class does not change. I thought maybe there's a variable in the dom that is causing the class to not move, so I tried narrowing the div that it looks for and tried this:
$('document').ready(function(){ var tabActive = $('li.active a'); tabActive.addClass('tabknotch') });
This achieved the exact same results...so there's obviously something I'm missing, but don't know what it is. If it's any help, here are two examples of the generated DOM that occurs when clicking on the active li. The first example is the div that has the class added, and the second is a div that does not have anything added. <li class="overview ui-tabs-selected active first tabknotch"><a href="#overview"><span class="tab">Overview</span></a></li> (this is the active tab where the jQuery succesfully adds the "tabknotch" class)<li class="features ui-tabs-selected active"><a href="#features"><span class="tab">Features</span></a></li> (this is the active tab that does not have the class added when clicked. When this li is active knotchtab remains on the other li that no longer has the .active class attributed)
I have a single page website and I would like to add an .active class to my links when I reach a certain point on the page (this will be done by unique div or section id's). The classes are currently empty, so I would need to be able to remove and replace the .active class accordingly.
Having a navigation menu desighned in photoshop, how can I use jquery to add a active state class to my css which can use the same hover style for active menu?
I am using jquery accordion where multiple accordions can be opened by user. I added onclick event to that adds source to an iframe within that accordion when user clicks on it. However I want to only load the source into the iframe when an accordion is opened...currently I load the source into the iframe even if they close the accordion.Example:<div id="toggleboxes" nclick="loadIFrame('iframe${iframe}','${mstrObject.firstChild.objectUrl}');">How can I determine if the onclick event on the above div is for open accordion action only?The code below returns object object. I am quite new to jquery and have been scratching my head for a bit regarding this. Does anyone know how to achieve this?I tried the following:var active = $( ".selector" ).accordion( "option", "active");Here is my loadIFrame function.
function loadIFrame(iframeId, reportUrl){ //getter var isActive = $( ".selector" ).accordion( "option", "active");
[code]I've got a long navigation, and pages slide in and out of view.Troubles are, if the user impaitently clicks a load of links while the page loading and sliding in is happening, it melts my (probably poorly written) code.So, I'm trying to stop the user from clicking on any other buttons,while the page loader is doing it's thing.
I have a problem where I want the menu with 'active' to be opened, belew is the script and source I have.The accordion works fine, but just does not open on the active page,
So basically I have this menu, the only problem I have is that I would like the colour of the text depending on which the 'LavaLamp' Image is when loading up to be red. For example when loading up this website (my url to the menu) [URL] I would like the text 'Home' to show red, since it is the active tab on page load.
I'm quite new to web design and Javascript in particular. How to resolve a problem with the navigation bar in a website I am currently working on. The navigation bar has 3 main categories and there is an 'active' state so the page currently viewed is shown as grey underline text in the navigation bar. The thing is, I also have sub-categories that are not included in the navigation bar but I'd like to make it so the sub-category page currently being viewed makes the main category to which it is attached showing as 'active' in the navigation bar.
This is the structure of my site: index.html contact.thml illustration index.html illustrationproject1.html illustrationproject2.html illustrationproject3.html photography index.html photography1.html photography2.html
So for example, if I'm in illustrationproject1.html, the Illustration tab in the navigation bar should be on the active state. This is the code I have so far: Navigation Bar: [CODE] <ul id="nav"> <li class="nav_item"><a href="illustration/index.html">Illustration</a></li> <li class="nav_item"><a href="photography/index.html">Photography</a></li> <li class="nav_item"><a href="design/index.html">Design</a></li> <li class="nav_item"><a href="stories/index.html">Stories</a></li> <li class="nav_item"><a href="profile.html" title="Profile">Profile</a></li> <li class="nav_item"><a href="contact.html" title="Contact">Contact</a></li> <li class="nav_item"><a href="links.html" title="Links">Links</a></li> </ul> [ICODE]
This is the Javscript for the active state: [CODE] function setActive() { aObj = document.getElementById('nav').getElementsByTagName('a'); for(i=0;i<aObj.length;i++) { if(document.location.href.indexOf(aObj[i].href)>=0) { aObj[i].className='active'; }}} [ICODE]
So this code is working but I'm just not sure how to apply it to the subcategories as well. I can see what I should do, write some "if" statement but I don't enough of Javascript yet for this...
Is there any way I can prevent IE from displaying the "active X controls and script prevention message" when I load my web page into the browser. Firefox, Safari and Chrome, allow my scripts to run without displaying the message when the page is loaded into the respective browsers.
i'm working on a horizontal menu based on this one [URL]).
When the user clicks on a menu item, the submenu container stays there on mouse out but... BUT when the user make over on another menu item and then makes out, the menu doesn�t return to active menu...