JavaScript - Copying Browser Favorites To A Db From Javascript

Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once.

Does anyone know how to do this please?

Thanks so much for your help.

Either I'm having a moment of stupidity, or have completely failed to understand a fundamental aspect of javascript. The code below is jquery, and uses jquery's extend() function, but I don't think that the issue has anything to do with that... does it?

Code:

$(document).ready(function(){
 
	var obj1 = {
		"name": "spud"
		,"age":	32
	}
	
	var obj2 = obj1;
	
	$.extend(obj2, {"location": "UK"});
	
	console.log(obj1);
	
});

By my reasoning, obj1 shouldn't have location set. But it does.

If this is something peculiar to jquery, then my apologies and I'll go off to the right forum - but is it? Is the line
var obj2 = obj1;
not making a copy of the original and leaving the original intact? Is it instead making some sort of reference to it? Why is changing the copy having an effect on the original??

G'day,

How would I go about copying all the prototype functions AND the constructor from one object into another object, and then call them?

Code:

function myOriginal() {
  alert('Hello');
}

myOriginal.prototype.example = function() {
  alert('In example '+this.test);
}

function myNewThing() {
  // Copy myOriginal into this object here
  this.oldconstructor(); // Should now display "Hello"
  this.test = 'from myNewThing';
  this.example(); // Should now display "In example myNewThing"
}

I know I can use this.example.call(this), but that's not an acceptable solution. I want to deploy this style over dozens, potentially hundreds of objects.

Thanks muchly,
Your friend from server-side...

I have 2 text boxes on my page. When the user clicks in one text box, I would like whatever is in there to be copied to the other text box.

Is this possible? I have looked into it and onClick seems like it might do it but I can't get it to work.

Thanks.

I have 2 textareas, 1 which will be vissible, another that will be hidden. I have a function that mirrors (not in reversed lettering) the first textarea's input to the second.
Code:

function copy_data(val){ 
		var messageText = document.getElementById(val.id).value 
			document.getElementById('message').innerHTML = messageText;
}

So that copies from :
<textarea name="text_message" rows="4" id="text_message" style="direction:ltr;" onkeyup="copy_data(this)"></textarea><br/>
To:

<textarea name="message" rows="4" id="message" style="direction:ltr;"></textarea>


Then I have another function which when I select text in the "text_message" textarea will apply a tag to it, however I don't want this tag to be vissible in the "text_message" textarea but rather in the "message" textarea.

Code:

function formatText(el,tag){
	var selectedText = document.selection?document.selection.createRange().text:el.value.substring(el.selectionStart,el.selectionEnd);
		if(selectedText!=''){
		var newText=''+tag+''+selectedText+''+tag+'';
			el.value=el.value.replace(selectedText,newText)
	}
}

This effects from this checkbox:
<input type="checkbox" id="bold1" name="bold1" onclick="formatText(message,'#28D')" checked="checked" >

Could anyone please help me, I think I may have missed something somewhere, because it works if I point it back to "text_message"

Hi everyone,

Is there a shorter and cleaner way of performing the following:

The objective is to get the value/input from the first set of textboxes in the form and copy them to other set of textboxes.

Outline of the form is as follows:

First set of textboxes
Company
Address
City
State
Zip
Country

Select number of users -->1 2 3

User 1
Company
Address
City
State
Zip
Country

User 2
Company
Div
Address1
Address2
City
State
Zip
Country

User 3
Company
Address
City
State
Zip
Country

=============================================
At the moment the code looks like this where (comp,div, addra,addrb,city,state,zip and country) are the name attributes of the first set of text boxes and (comp1.....country1,comp2.....country2, comp3....country3) are the name attributes for the textboxes for user 1,2 and 3 respectively.

Code:

function compAddress(){

  document.form.comp1.value = document.form.comp.value;
  document.form.div1.value = document.form.div.value;
  document.form.addra1.value = document.form.addra.value;
  document.form.addrb1.value = document.form.addrb.value;
  document.form.city1.value = document.form.city.value;
  document.form.state1.value = document.form.state.value;
  document.form.zip1.value = document.form.zip.value;
  document.form.country1.value = document.form.country.value;
  
  document.form.comp2.value = document.form.comp.value;
  document.form.div2.value = document.form.div.value;
  document.form.addra2.value = document.form.addra.value;
  document.form.addrb2.value = document.form.addrb.value;
  document.form.city2.value = document.form.city.value;
  document.form.state2.value = document.form.state.value;
  document.form.zip2.value = document.form.zip.value;
  document.form.country2.value = document.form.country.value;

  document.form.comp3.value = document.form.comp.value;
  document.form.div3.value = document.form.div.value;
  document.form.addra3.value = document.form.addra.value;
  document.form.addrb3.value = document.form.addrb.value;
  document.form.city3.value = document.form.city.value;
  document.form.state3.value = document.form.state.value;
  document.form.zip3.value = document.form.zip.value;
  document.form.country3.value = document.form.country.value;

Thanks,

Essentially, I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side.

Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.

I'm very new to JavaScript, so ff someone can provide an example or pseudo code, I would greatly appreciate it.

I have code that I've been using for awhile now that will automatically log users off my site after a period of time. It works great using a 32 bit browser but not at all with a 64 bit browser.

For the life of me I can't figure this out.

<script type='text/javascript'>
var secondsRemaining = 30;
var mhcTimer;

function countDown() {
secondsRemaining -= 1;
if (secondsRemaining <= 0) {
secondsRemaining = 0;
window.location='login.aspx';
}
}

function startAutoLogoff() {
if (mhcTimer) {
return false;
}
else
{
mhcTimer = setInterval('countDown();', 1000);
}
}

startAutoLogoff();

</script>

Hello all,

I am trying to copy the billing information to be the same as the shipping information when they select the checkbox. Everything seems to work except for the State field which is a drop down. Depending on what country they select, the state field will automatically populate.

Does anyone know how I can copy the billing state to be the same as shipping as well?

Text file attached.

Thanks in advance.

Dear all, can somebody help me with browser compatibility and this code. Working fine in Opera and Firefox, but do not working in Internet Explorer and Chrome. With one form working fine in every browser, but when I put second form it stops to work in Explorer and Chrome.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<SCRIPT type="text/javascript">
function showDiv(divIndex) {  var f=document.forms[0];  var d=f.getElementsByTagName('div');
for(i=0;i<d.length;i++)d[i].style.display='none'
d[divIndex].style.display = 'block';
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<select onchange="showDiv(this.value); ">
<option value="0" selected>option 1</option>
<option value="1">option 2</option>
<option value="2">option 3</option>
</select>


<div style="display:block;"><form action="001.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 1...</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

<div style="display:none;"><form action="002.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 2...</option>
<option value="AK">California</option>
<option value="AL">Colorado</option>
<option value="AR">Connecticut</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

<div style="display:none;"><form action="003.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 3...</option>
<option value="AK">Massachusetts</option>
<option value="AL">Maryland</option>
<option value="AR">Maine</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

</form>
</BODY></HTML>

I'm trying to use SmoothGallery 2.1 on my website as a featured box. I tried opening the demos provided with the code in all browsers to make sure it was compatible and it showed fine in them all.

I copied the javascript onto my site and I'm able to show the gallery. However in Chrome and Internet Explorer it shows fine, but Firefox the images are spread vertically down my site and the javascript gallery box doesn't show.

I don't understand why this is an issue because it shows fine opening the demo pages and the javascript code and css is a straight copy from the folder :S

Can anyone help me out? Website I'm having the issue on is www.deewon.com

-Thanks

I was wondering if there was any way to determine what browser the remote address is using through JavaScript preferably or any other language and if so how to direct them to another page if they're using a specific browser...

Hi

I am a new bie to Javascript programming. We have a scenario to launch a new browser window for a given HTML. I have the following approaches :

Approach 1:
my_window = window.open("", "report");
my_window.document.open();
my_window.document.write("<HTML> <BODY> HI </BODY></HTML>");
my_window.document.close();

Approach 2:
var newWindow = window.open("", "report");
newWindow.document.body.innerHTML = "<HTML> <BODY> HI </BODY></HTML>";

Could anyone sugges Which is the correct approach ? Our requirement is to have this code to work in any browser?

Thanks

Dear All,
I have downloaded some code from a javascript programmers website but having trouble making it work!

I have some javascript:

[CODE]

<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

[CODE]

Within the main body, my code reads:
[CODE]

<FORM
ACTION="../cgi-bin/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Please select your event...
<OPTION VALUE="http://www.yahoo.co.uk"> preview yahoo UK</option>
<OPTION VALUE="http://www.yahoo.com"> preview yahoo US</option>
<OPTION VALUE="http://www.yahoo.fr"> preview yahoo FR</option>
<OPTION VALUE="http://www.expedia.co.uk"> preview Expedia</option>
<OPTION VALUE="http://www.travelocity.co.uk"> preview Travelocity</option>
<OPTION VALUE="http://www.onlinepictureproof.com"> preview online pics</option>
</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

[CODE]

On selection of "preview yahoo UK" from drop-down box, it takes me to the correct webpage (www.yahoo.co.uk), so no issue there. However, it opens this page up in a new window. I'm pretty sure this is because the javascript code is telling it to. However, I want the www.yahoo.co.uk page to be displayed in the same window from where the request came from? (i.e. I don't want it to open a new browser window)!

What do I have to change in the javascript to make this happen? I tried using the TARGET functionality taught to me many many moons ago, but it still fires up a new window: <OPTION VALUE="http://www.yahoo.co.uk" TARGET="_top"> preview yahoo UK</option>

I am testing this on my PC, so perhaps it could be that redirect.pl isn't held locally on my home pc, i.e. it would work once we upload the web pages to the web server?!

any help/guidance would be greatly appreciated.

I am in the process of developing a form for the company intranet and i've recently added in code to capture the enter key event to prevent the page from automatically submitting. Along with this, i added code to move the focus to the next element in the tab index. When used in IE, the code works perfectly, but when i use it in firefox or chrome the focus jumps to the same box every time. I don't know what i'm doing wrong am i'm hoping someone can help me figure this out.
You can test the page at http://implicitarts.com/fandfwork/Lo...l/default.aspx
To start, go to the box for duty amount or freight charges and press enter
The following code is what I used to handle this event.
Code:

function handleKeyPress2(e,control)
{
    var evt = e ? e : window.event;
    var bt = control.id;
    if (bt)
    {
        if (evt.keyCode == 13)
        {
            //bt.click();
            jumptoNext(control, e);
            stopEvent(e);
            return false;
        }
    }
}
function jumptoNext(field, event)
{
    for (i = 0; i < field.form.elements.length; i++)
        if (field.form.elements[i].tabIndex == field.tabIndex + 1)
        {
            field.form.elements[i].focus();
            if (field.form.elements[i].type == "text") field.form.elements[i].select();
            break;
        }
}


function stopEvent(e)
{
    if (e.stopPropagation) e.stopPropagation();
    else e.cancelBubble = true;

    if (e.preventDefault) e.preventDefault();
    else e.returnValue = false;
}