JavaScript - Disable Tabbing On All Page Elements Except...

how can i make a button disable when the page is loaded first time and then make it enable on the click of other button in javascript.

Hey guys,

I'm looking for a way to disable the popup that appears by default when visitors try to leave a webpage that has my cpalead content locker widget on it. I want to disable all cases of it happening.

Thanks

I have a page that is generated using php. Below, the pdf newsletter for each month is embedded directly into the page. What I want to do is have some javascript that when the link for a month is clicked, the embedded pdf expands below and when the user clicks on another month, that newsletter is hidden then the one they clicked on gets displayed; so only one newsletter is displayed at a time.

I have searched all over the internet and I havn't found anything that will solve my problem.

PHP Code:
$listmonth=array("January","February","March","April","May","June","August","September","October","November","December");
foreach ($listmonth as $month) {
if (file_exists($year2.'-'.$month.'.pdf')) {
echo '<embed src="'.$year2 .'-'.$month.'.pdf#toolbar=0&navpanes=0" width="500" height="375">' ;}
else {echo $month;}
echo '<br />';
} 

Hi, this is my first post on the forum.

I was just wondering whether there is a way to hide an element on another page after clicking on a button?

Basically, I have a login page, and for testing purposes, I want it so when you click a button, it runs some javascript in a file called ajax.util.js, and I have a jQuery file attached to the HTML file as well (http://ajax.googleapis.com/ajax/libs.../jquery.min.js), and I am using Google App Engine, which im not sure whether thats relevant. I tried using the show and hide functions provided by the jQuery file, but no luck, i want to hide an element which is a link with ID admintools. I have also tried getting the element by ID and changing the display style to none and hidden but still no luck. Im not sure whether its only possible to hide elements in the login.html page.

What I want it to do basically is click on the submit button in the login page, it will then run a javascript function which redirects you to index.html (which i am doing using window.location), and then hides an element in the index.html page (id=admintools).

Any help would be great, Thanks in advance

is "localStorage" a native variable to javascript?
On lin 36 & 37 is there anything else involved in getting that local storage to store? Those lines are local storage right?
Is it really that easy?
I was just reading this HUGE post and immediately stressed me out. I'm used to working off small examples and diving in bit by bit. It was the first article on google so I trusted it to be the most appropriate for introductions. (which means not reading more than 500 words before I get some sample code)



In addition, can Google Chrome & FireFox extensions change page elements? The reason I think it can do this is because google chrome says this
Which (to me) implies that the extension has access to page data.
If that is the case. How are localStorage variables not mixing? How can I access that page data? I don't care about browser history, I just want to change page elements. Is this possible?


If this is the case. Is there a way I can have the extension close itself or not open at all? Sometimes I just want the "extension" to provide a simple function. That's all. Thanks!


I had Silverbird and the tutorialzine example extension. They were both different size. Odd thing is that I never saw a size specification in the style.css in the tutorialzine example. How can I specify the size of the popup extension?

Hi,

The following code adds an element to a page when a new address is inputted. Is there a way to remove all added elements with a Clear All button? I have a "Clear All" button with id="ClearAddresses" but I don't know how to remove all created elements - the code here only removes one at a time, since the element is created when the "Search" button is clicked.

Code:

var Dom = {
	get: function(el) 
	{
		if (typeof el === 'string')
			return document.getElementById(el);
		else
			return el;
	},
	add: function(el, dest) 
	{
		var el = this.get(el);
		var dest = this.get(dest);
		dest.appendChild(el);
	},
	remove: function(el) 
	{
		var el = this.get(el);
		el.parentNode.removeChild(el);
	}
};

var Event = {
	add: function() 
	{
		if (window.addEventListener) 
		{
			return function(el, type, fn) 
			{
		  		Dom.get(el).addEventListener(type, fn, false);
			};
	  	} 
		else if (window.attachEvent) 
		{
			return function(el, type, fn) 
			{
		  		var f = function() 
				{
					fn.call(Dom.get(el), window.event);
		  		};
		  		Dom.get(el).attachEvent('on' + type, f);
			};
	  	}
	}()
};
  
Event.add(window, 'load', function(){
	var i = 0;
	Event.add('addressSearch', 'click', function() 
	{
		//This is a hack way of doing things...thanks asyncronous callbacks... /sarcasm
		add_visited_address();
	});
});

var visited_address_array = Array();
var address_check=0;
var MAX_ADDRESS_CHECKS=50;

function in_visited_address_array(new_entry)
{
	for(var i=0; i<visited_address_array.length; i++)
	{
		if(new_entry == visited_address_array[i])
			return true;
	}
	//otherwise...
	return false;
}

function add_visited_address()
{
	if(addressSearchAddress !=null)
	{
		var el = document.createElement('span');
		var el_remove = document.createElement('span');
		var new_entry = addressSearchAddress + ' : [' + addressSearchRadius + ']';
		var new_address = addressSearchAddress;
		var new_radius = addressSearchRadius;
		el.innerHTML = '<span class=\"address-text\">' + new_entry + '</span><br>';
		el_remove.innerHTML = "<a onMouseOver=\"rollover('address_remove')\" onMouseOut=\"rollout('address_remove')\" style='cursor:pointer;'>" +
		"<img src=\"images/tabs-icons/normal-address_remove.png\" name='address_remove' title='remove' alt='remove'></a>&nbsp;";
		if(!in_visited_address_array(new_entry))
		{
			visited_address_array.push(new_entry);
			Dom.add(el_remove, 'AddressesVisited');
			Dom.add(el, 'AddressesVisited');
			Event.add(el, 'click', function(e) 
			{
				document.getElementById('address').value = new_address;
				document.getElementById('radius').value = new_radius;
				ClickGeocode();
			});
			Event.add(el_remove, 'click', function(e) 
			{
				Dom.remove(el);
				Dom.remove(this);
			});

			address_check=0;
		}
		else if(visited_address_array[visited_address_array.length-1] == new_entry && address_check<MAX_ADDRESS_CHECKS)
		{
			setTimeout("add_visited_address();", 100);	
			address_check++;
		}
	}
	else
		setTimeout("add_visited_address();", 50);
}

I'm trying to disable my record navigation pictures when they get to the end of a calendar (events are posted on days, and navigation goes to the next or previous one).

Code:

<a onclick="javascript:previousEvent();">
                        <input type="image" name="previous" src="images/SiteCollectionImages/MiniEvents/btn_Previous.gif" alt="Previous Event" title="Previous Event"/></a>
                        <a onclick="javascript:nextEvent();">
                        <input type="image" name="next" src="images/SiteCollectionImages/MiniEvents/btn_Next.gif" alt="Next Event" title="Next Event"/></a>

This is where I have to disable the pictures.

Above in my JS I would like to have a handler that could disable them when they are at the end of the index, or at the beginning.

Thanks!

edit:
I do have the logic already, just not sure how to disable the images.

Code:

function nextEvent(i) {
        if (index == maxIndex || index >= maxIndex) {
            //disable next button
            tempObj = document.getElementsByName("next");
            tempObj.visible = false;
        }
        else {
        index = index + 1;
        eventSelected(rawDates[index]);

        }

Hello, Thanks for reading.

This is my first post, I hope it's not too stupid.

Should I disable the right click option or not?

I have a gallery site, I don't want people to be able to copy the images with the default right click over an image. From a professional looking site point of view I suppose I would be messing with the functionality a bit too much, OR is it OK in this instance to disable the click. I know how to write the code to disable the click, but what I was thinking was maybe it would be better to leave the right click but change the menu options? I'm not sure how to change the menu options, any suggestions would be appreciated

Here is a link to the site.

http://www.thephotographbox.com/?ID=3

(It's still in the early stages on development)

Thanks for any advice.

Derek.

Hi,

how to disable the restore down button in internet explorer through java script.



Regards,
Basha.

I have a website that contains a large div inside a smaller div, only to be scrolled via javascript. The problem is when you mouseover the smaller (container) div and you scroll the mousewheel down, everything scrolls down. I've been searching for a while and haven't got any answers.

www.designbyryanboog.com/spa (site only works in IE8, Chrome, Safari, Opera, Firefox<slowly>)

Thanks in advance

Is it possible to disable all scripts within a certain div? Like if I was displaying something in <div id="member"> and a member posts a script within that div, I would like it to not work.

Hello,

I have been looking for a good walk-through online, but can't seem to find an exact resolution to what I am trying to do.

Can someone please supply some example code for not displaying everything that is inside a <div>. Basically I do not want social media content to be displayed on secure pages, but want them on every other page. This is what I have:
Code:

<div id="share">
	<ul>
		<li>
			<div class="addthis_toolbox addthis_default_style ">
				<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=###### class="addthis_button_compact">Share</a>
					<span class="addthis_separator">|</span>
				<a class="addthis_button_preferred_1"></a>
				<a class="addthis_button_preferred_2"></a>
				<a class="addthis_button_preferred_3"></a>
				<a class="addthis_button_preferred_4"></a>
			</div>
		</li>	
		<script>
			var addthis_config = {"data_track_clickback":true};
			if (document.location.protocol !== 'https:') {
				$jq.getScript('http://s7.addthis.com/js/250/addthis_widget.js?username=######', function() { });
			}
		</script>
	</ul>
</div>

Hi all,

I have a form with a number of checkboxes. The 1st one is "Select All".
When this checkbox is ticked I would like to disable all others. When the "Select All" checkbox is unticked, all checkboxes should be enabled.

Can anyone tell me how to do this? is JQuery the preferred method these days?

Thanks in advance

I'm probably not allowed to request something like this, but since this is a small amount of code I think I should do it anyways :P

Okey, so I have two listboxes and I want a tickbox to enable one listbox and disable one listbox as you tick a checkbox.

I want one listbox disabled by default and the other enabled and then vice-verca the disable when you tick the box.

If someone could supply me with that code I would be really greatful, butyou don't need to bother with the HTML, I should figure it out from the JS.

Thanks in advance
<3

Is there a way to disable a SINGLE script on the page, something that a user can click and it disables only the script choosen?

Thanks,
Latchy