|
JavaScript - Close Tabs And Or Windows When 2nd User Tries To Sign In To Site
Hello! Looking for some help/advice please.
Imagine a wife has signed on to a web site in a browser tab. She does not sign off and walks away to do something else. Her husband sits at the computer and seeing her signed on, opens a new tab and tries to sign on to the same site. I am trying to write a script that will close other tabs/windows when the husband goes to the same site to sign on. So, on the sign on page (or even better, the sign off page), when the sign on button is clicked, a piece of Javascript code is run first. The javascript simply goes through all tabs on the browser, and checks to see if any such tabs has an HTML document that came from the same domain as the sign on page. If such tabs exist, then before POSTing the user name and password to the server, the Javascript code will close those tabs that contain HTML documents came from the same domain. So, I understand I need to set the window.name to a specific value. But does anyone know what the code on the sign on/sign off page to close the other tabs/windows would look like? Thanks so much for any and all help. Similar TutorialsI am currently designing a website for our public library. I have added a card catalog search bar on the side of every page. Our catalog software company has supplied the code. After embedding it, I previewed each page to make sure it was working properly. At the time, it worked fine. Since then, I have added other elements to the homepage such as a Twitter feed and a Flickr slideshow. Now, when I attempt to search in the catalog search bar on the homepage, it opens two tabs, but only in Firefox. Our IT person from the software company suggested I make a copy of the page and strip the code down to see what the problem is. After doing this, I have made no headway. Even with the catalog as the only code left on the page, other than text, it still opens two tabs. The following is the code embedded on the homepage: Code: <div>
<script type='text/javascript'>
function gotoserver() {
sn = document.getElementById('server').value;
redirecturl = 'http://webopac.infovisionsoftware.com/stephenville/default.aspx?Title='+sn;
window.open(redirecturl)
//document.location.href=redirecturl;
}
</script>
<input type='text' name='server' id='server' />
<input type='submit' id='mySearch' value='Go' onclick='javascript:gotoserver();' />
</div>
I would appreciate any advice given. Thank you for your time. 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. So how do add a dollar sign the the front of total?? Code: total = round_decimals(order_total, 2) total = "$" + total; hi. i know php but learning javascript. can anybody give me a reason why i might not wanna use the php practice of beginning every variable_name with a dollar-sign: $variable_name??? i am just accustomed to seeing my variables beginning with a dollar_sign. Thanks. I really don't know what I am doing, but I need to know how to alter this script to load this website without having to click "Weathersentry online". I would like to double click on the icon the code is attached to and it sign in automatically. Can anyone help? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Sample Signin link WeatherSentry Online</title> </head> <body> <form id="DTNSigninForm" action="http://weather.dtn.com/dtnweather/common/signin.do" style="margin: 0,0,0,0;" > <a onclick='document.getElementById("DTNSigninForm").submit();return false;' href="javascript:void(0);">WeatherSentry Online</a> <input type="hidden" name="username" value="username" /> <input type="hidden" name="password" value="password" /> <input type="hidden" name="autoLogin" value="true" /> </form> </body> </html> Hello all, Please I need help, I have a php form with different fileds. I have a field called description. The description field should only contains pure text, no numbers, but my users are entering phone numbers and email addresses into this field despite to the fact that there is already dedicated fileds for email and phone. What I want is a javascript funtion or php function that will automatically delete the numbers or @ from the field or prevent entering numbers and @ signs on this particular field. Many thanks in advance for your help. I almost got part of this one program to work. It is of a golf sign with a golf ball moving across and landing in the word Golf into the "o" When the ball lands in the o the sign of "your online source of golf equipment" appears after ball has landed and grows in size. right now the ball is what I have but I can not get my sign to appear. I use 2 external files I will post all the coding here here is my main file I worked on this is my golfpage.htm file Code: <html>
<head>
<!--
New Perspectives on JavaScript
Tutorial 4
Case Problem 1
The Golf Page
Author:
Date: 05 December 2010
Filename: golfpage.htm
Supporting files: ball.gif, clouds.jpg, golf.js, golfer.gif, styles.css
-->
<title>The Golf Page</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="golf.js" type="text/javascript"></script>
<script type="text/javascript">
var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346,
-340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273,
-267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199,
-193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126,
-120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73,
-71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37,
-34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);
var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292,
-290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250,
-245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172,
-164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47,
-36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39,
-41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43,
-42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);
var index=0;
var lastindex=x.length-1;
// var fs=getFontSize("slogan");
function moveBall() {
if (index <= lastindex) {
placeIt("Ball", x[index], y[index]);
index++;
setTimeout("moveBall()", 5);
} else {
setFontSize("slogan", 25);
}
}
</script>
</head>
<body onload="moveBall()">
<div id="Golfer" ><img src="golfer.gif" width="40px" alt="" /></div>
<div id="Title">
THE G<div style="display: inline; position: relative; background-color: black;"
><img id="Ball" src="ball.gif" alt="O"
/></div>LF PAGE
</div>
<div id="box"
style="">
<span id="slogan">
Your Online Source of Golf Equipment
</span>
</div>
</body>
</html>
Here is one external file where I made some functions this is the golf.js file Code: New Perspectives on JavaScript
Tutorial 4
Case Problem 1
The Golf Page
Name:
Date: 05 december 2010
Function List:
placeIt(id, x, y)
Places the id object at the coordinates (x, y)
showIt(id)
Shows the id object by setting the object visibility to "visible"
getFontSize(id)
Retrieves the font size of the id object
setFontSize(id, fs)
Sets the font size of the id object to fs
changeFontSize(id, dfs)
Changes the font size of the id object by dfs
*/
function showIt(id) {
object=document.getElementById(id);
object.style.visibility="visible";
}
function placeIt(id, x, y) {
// Places the id object at the coordinates (x,y)
object = document.getElementById(id);
object.style.left = x + "px";
object.style.top = y + "px";
}
function getFontSize(id) {
// Returns the font size of the object with the value id
object = document.getElementById(id);
size = parseInt(object.style.fontSize);
return (size);
}
function setFontSize(id, ptsize) {
// Sets the font size of the object with the value id
object = document.getElementById(id);
object.style.fontSize = ptsize + "pt";
}
function changeFontSize(id, dfs) {
// Returns the font size of the object with the value id
fs = getFontSize(id);
setFontSize(id, fs + dfs);
}
Here is the styles.css page Code: /*
New Perspectives on JavaScript
Tutorial 4
Case Problem 1
Filename: styles.css
This file contains styles used in the golfpage.htm file
*/
body {font-family:Arial, Helvetica, sans-serif; font-size: 18pt;
color:blue; background-image: url(clouds.jpg)}
#Title {position: absolute; left:395px; top:260px}
#Ball {position:relative; top:0px; left:0px}
#Ball img {border-width: 0px}
#box {width:600px; height: 250px;
border-style:solid; border-width:1 4 4 1; border-color:blue;
background-color:rgb(0,255,0); text-align: center}
#slogan {visibility: hidden; position: relative; top: 50px;
color:black; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold}
What i am not able to get work i think is to call the changeFontSize() function to increase the size of the "sign" also an if statement to test value of fs variable is less then equal to 20 how do i get my sign to appear on the output? thanks Hi! I'm new to this, so please bare with me. My terminology may not be up to par. Here's the deal: - I have a button on my Flash site that opens an HTML page in a popup window. In Flash, I open the new window using Actiosnscript 2.0: Code: on (release) {
getURL("example1.html", "_blank");
}
- Within the popup window are links to other HTML pages. They all open in the same window. I've been using the following to create the links in Dreamweaver: Code: onClick="MM_goToURL('parent','example2.html')"
- On each page, I have a "Return to Main Menu" button that should close the popup window. To do this, I have been using: Code: onClick="window.close()" - The problem is that it works differently in each browser, and I can't even get it to consistently close the window in most browsers: Internet Explorer = popup message appears, asking "Are you sure you want to close this window?" or something similar; window closes after clicking "Yes." Safari = Only closes if I'm on the original HTML page. If I click on any of the other links (note that these all open in the same window), those pages' "Return to Main Menu" buttons cease to work. However, if I keep clicking "Back" until I get to the original page, it closes. Opera = Button actually works for each page. Firefox & Chrome = Does not close the window at all. I looked into it and saw that others have used a window.opener to solve similar issues. But, since my popup window is opened using Flash/AS2, I need to find a way around it. I've tried preceding "window.close()" with "window.opener=null" (i.e. - onClick="window.opener=null; window.close()"), but I don't think I'm doing it right because it still doesn't work. I've also seen others use codes that involve functions and variables, but it is beyond my current coding knowledge to implement this. Like I said, I'm sort of new at this. Any advice would be greatly appreciated. Thank you. - PW Hey guys, No clue what the code is for this. I did try creating one but it dramaticly failed. Just wondering what is the code for a box with tabs where if you click the tabs it provides information i the box below. and does not link you to a site. And i need 6 tabs on it. Thanks for people that can provide.
Dear friends, I use this script wich works fine in FF, Opera and Chrome but not in IE! Code: <script type="text/javascript">
function DoAllThese() {
window.open('http://google.com', 'One','_blank');
window.open('http://www.yahoo.com','Two','_blank');
}
</script>
Code: <button onClick="DoAllThese();">Open</button> Is it possible to do it in IE? Good Afternoon, I am new to coding and I am needing help coding a form. I need javascript coding that will give me tabs. I also need the tabs to be greyed out for the users who should not see those tabs. So if i have an analyst, section chief and division chief. I need three tabs. when the analyst is logged in filling out their questions on the form i want the sections cheif and division chief tabs to be greyed out. Can anyone help me with this! Lizz Reply With Quote 12-17-2014, 07:34 PM #2 Dormilich View Profile View Forum Posts Senior Coder Join Date Jan 2010 Location Behind the Wall Posts 3,532 Thanks 13 Thanked 372 Times in 368 Posts what do you have so far? I am having a problem with a page I am building using jquery tabs. I have basically put a set of tabs within another set. The top level of tab navigation works fine, but then you click on the tabs navigation within the first tab it doesnt work. http://dl.dropbox.com/u/14080718/Final/TabsInTabs.html I cant get it to work and not sure why. I am still learning web design and I am not sure if this is a html/css or jquery problem. I would appreciate any help anyone wants to give. Thanks, I have a script that brings up an overlay box onclick that needs to be on top of everything else on page, however I can't get it to show on top of the navigation tabs. I tried calling the overlay script at the very beginning of the head section as well as tried to call it at the end but it doesn't seem to matter. Is there something I can add to the script to force it on top of every other object on the page? hie everyone plz i want to know how to make tabs using javascript.... i want to make tabs like this website http://traveline.idea-sys.net/CSP/Default.aspx?A=2&P=50 --> (M/S Darakum - Description / GalleryDeck / Plan) can anyone help me plz? I am having some problems with some JS code that does not work cross browsers Here is my code Code: <html>
<head>
<link rel="STYLESHEET" type="text/css" href="../../include/css/tab.css">
<script src="../../include/js/tabpane.js" type="text/javascript"></script>
</head>
<body>
<div name="objBody">
<div id="tabpane">
<div>
<h2>Contact</h2>
<div>
<br>THIS IS CONTACTS TEXT
</div>
</div>
<div>
<h2>Contact2</h2>
<div>
<br>THIS IS CONTACTS TEXT2222
</div>
</div>
</div>
</div>
<script type="text/javascript">
var tp = new TabPane(document.getElementById("tabpane"));
</script>
</body>
</html>
CSS Code: .tab_pane_holder {
width: 100%;
background-color: #336699;
font-family: verdana;
font-size: 8pt;
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
}
.tab_normal {
border-right: 1px solid black;
border-left: 1px solid white;
border-bottom: 1px solid black;
border-top: 1px solid white;
padding: 5px;
background-color: #5a7edc;
text-align: center;
/*width: 100px;*/
height: 10px;
color: white;
}
.tab_active {
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
background-color: white;
padding: 5px;
text-align: center;
/*width: 100px;*/
height: 10px;
color: black;
}
.tab_after_active {
border-right: 1px solid black;
border-left: 0px solid black;
border-top: 1px solid white;
border-bottom: 1px solid black;
background-color: #5a7edc;
padding: 5px;
text-align: center;
/*width: 100px;*/
height: 10px;
color: white;
}
.tab_before_active {
border-left: 1px solid white;
border-bottom: 1px solid black;
background-color: #5a7edc;
border-top: 1px solid white;
text-align: center;
padding: 5px;
/*width: 100px;*/
height: 10px;
color: white;
}
JS Code: function TabPane(el)
{
var tmp = this;
this.element = el;
this.tabs = new Array();
this.divs = new Array();
this.selected = null;
for(var i = 0; i < el.childNodes.length; i++)
{
this.tabs[i] = this.element.childNodes[i].childNodes[0].innerHTML;
}
for(var i = 0; i < this.element.childNodes.length; i++)
{
this.divs[i] = this.element.childNodes[i];
}
for(var i = 0; i < this.element.childNodes.length; i++)
{
this.element.childNodes[i].removeChild(this.element.childNodes[i].childNodes[0]);
}
this.tabPane = document.createElement("div");
this.element.insertBefore(this.tabPane,this.element.childNodes[0]);
this.tabPane.className = "tab_pane_holder";
for(var i = 0; i < this.tabs.length; i++)
{
var x = this.tabs[i];
this.tabs[i] = document.createElement("span");
this.tabPane.appendChild(this.tabs[i]);
this.tabs[i].innerHTML = x;
this.tabs[i].className = "tab_normal";
this.tabs[i].style.cursor = "hand";
this.tabs[i].onselectstart = function()
{
return false;
}
this.tabs[i].onclick = function()
{
tmp.showPage(this);
}
}
for(var i = 0; i < this.divs.length; i++)
{
this.divs[i].style.display = "none";
this.divs[i].style.width = this.element.style.width;
this.divs[i].style.height = this.element.style.height;
this.divs[i].style.overflow = "auto";
this.divs[i].style.borderRight = "1px solid black";
this.divs[i].style.borderBottom = "1px solid black";
this.divs[i].style.borderLeft = "1px solid black";
}
this.showPage = function(el)
{
var x,y;
for(var i = 0; i < this.tabs.length; i++)
{
if(el == this.tabs[i])
{
x = i;
}
}
y = ((x-1) < 0)?0:(x-1);
for(var i = 0; i < this.tabs.length; i++)
{
this.tabs[i].className = "tab_normal";
}
this.tabs[y].className = (y == x)?"tab_active":"tab_before_active";
if(this.tabs[y+1])
{
this.tabs[y+1].className = (y == x)?"tab_after_active":"tab_active";
}
if(this.tabs[y+2])
{
this.tabs[y+2].className = (y == x)?this.tabs[y+2].className:"tab_after_active";
}
if(x == 0)
{
this.tabs[x].style.borderLeft = "0px solid black";
}
for(var i = 0; i < this.divs.length; i++)
{
var show = (i == x)?"block":"none";
this.divs[i].style.display = show;
}
}
this.showPage(this.tabs[0])
}
Hello, It is my first post here so hello everybody I am currently building a website and it is the first time I have experimented with ajax, jquery etc etc so forgive me if I come across as a bit of novice in all this but ......... I am. lol I have a column of links that use ajax to load content into the adjacent DIV, and I have used the loadobs function to load the JS and CSS files along with the external file. Now within the external file I have used javascript to create a 3 tab section; when you first load the page it is fine BUT if you navigate away from the page and then try going back and loading the same external page then the tabs stop working and all the content of the tabbed sections stack ontop of one another as though the javacript isnt working? I am completely new to javascript but I think it is fabulous and I am keen to learn the ins and outs and would be really greatful if someone who knows what they are doing could point me in the direction of where I am going wrong or maybe what part of the code could be causing the error. It is a work in progress but the page I am having the problems on can be found at http://www.hm-designs.co.uk/crossland/solo.php if you click on the top link in the left hand column called Tara - Female vocalist you will be able to see where the tabs are. Thank you in advance if anyone may be able to help me Kind Regards, Helen hi i try this code it not working beacause its open after one second open new tab javascript query but i have also use php redirect url also . i want javascript new tab url open new tab before page redriect here is code Code: <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
window.open(
'https://google.com',
'_blank'
);
}, 2000);
});
</script>
<?php
$url='http://yahoo.com';
echo header ('Location:'.$url);
?>
in above code i want page redirect to yahoo.com before open new tab of google.com how to set it please help me Hi, I have a problem with my script displaying tabs (jquery tabs) in frames. When the scripts (not in frames) are viewed in the browser, the tabs are displayed correctly. I created a script containing frames for existing scripts to be displayed in certain frames. Some scripts display fine in the frames, even some of those that contain tabs. While some may display correctly, I still get some scripts when viewed in the frames script that are not displaying the tabs correctly. Can anyone please give me a solution to this problem. Thank you. |
|||||||