|
JavaScript - Javascript Showdiv Function
Can anyone look at some code to tell me what I am doing wrong. The hide and show feature work if the item is on the same page. If I want to have a link drop to another page, this code does not work.
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Peake Healthcare Innovations-Company</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}
function MM_preloadImages() { //v3.0
var d = document; if (d.images) {
if (!d.MM_p) d.MM_p = new Array();
var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
}
}
function MM_findObj(n, d) { //v4.01
var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
}
if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
if (!x && d.getElementById) x = d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}
function goto(pID) {
document.getElementById(pID).scrollIntoView();
}
function showDiv(pdiv) {
switch (pdiv.toLowerCase()) {
case "company":
document.getElementById(pdiv).style.display = 'inline';
document.getElementById("companysplash").style.display = 'inline';
document.getElementById("codiv").style.display = 'none';
document.getElementById("performance").style.display = 'none';
document.getElementById("differentiates").style.display = 'none';
document.getElementById("multiuse").style.display = 'none';
break;
case "codiv":
document.getElementById(pdiv).style.display = 'inline';
document.getElementById("company").style.display = 'none';
document.getElementById("performance").style.display = 'none';
document.getElementById("differentiates").style.display = 'none';
document.getElementById("companysplash").style.display = 'none';
document.getElementById("multiuse").style.display = 'inline';
break;
case "performance":
document.getElementById(pdiv).style.display = 'inline';
document.getElementById("company").style.display = 'none';
document.getElementById("codiv").style.display = 'none';
document.getElementById("differentiates").style.display = 'none';
document.getElementById("companysplash").style.display = 'none';
document.getElementById("multiuse").style.display = 'inline';
break;
case "differentiates":
document.getElementById(pdiv).style.display = 'inline';
document.getElementById("company").style.display = 'none';
document.getElementById("codiv").style.display = 'none';
document.getElementById("performance").style.display = 'none';
document.getElementById("multiuse").style.display = 'inline';
document.getElementById("companysplash").style.display = 'none';
break;
}
}
//-->
</script>
<script type="text/javascript" src="../dropdowntabs/dropdowntabfiles/dropdowntabs.js"></script>
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="script/new_droptabs.css">
</head>
<body bgcolor="#999999" onload="MM_preloadImages('images/rt_bar_glow_repeater.gif')">
<table width="967" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
<tr>
<td>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 3)
</script>
<div id="dropmenu" class="top-menu">
<ul>
<li><a href="index.html"><span class="whitelink">Home</span></a></li>
<li><a href="company.html" rel="dropmenu1_b"><span class="whitelink">Company</span></a></li>
<li><a href="community.html" rel="dropmenu2_b"><span class="whitelink">Community</span></a></li>
<li><a href="services.html" rel="dropmenu3_b"><span class="whitelink">Services</span></a></li>
<li><a href="solutions.html" id="last-link" tile="Solutions" rel="dropmenu4_b"><span class="whitelink">Solutions</span></a></li>
</ul>
</div>
<!--1st drop down menu/Company -->
<div id="dropmenu1_b" class="dropmenudiv_b">
<a href="javascript:%20showDiv('performance');">Peake Performance</a>
<a href="javascript:%20showDiv('differentiates');">What Differentiates Us</a>
</div>
<!--2nd drop down menu/Community -->
<div id="dropmenu2_b" class="dropmenudiv_b" style="width: 150px;">
<a href="../dropdowntabs/Community.html" id="collaboration">Collaboration</a>
</div>
<!--3rd drop down menu/Services -->
<div id="dropmenu3_b" class="dropmenudiv_b" style="width: 150px;">
<a href="javascript:%20showDiv('singleplace');">Acessability</a>
<a href="javascript:%20showDiv('portfolio');">Peake Portfolio</a>
</div>
<!--4th drop down menu/Solutions -->
<div id="dropmenu4_b" class="dropmenudiv_b" style="width: 150px;">
<a href="javascript:%20showDiv('strategy');">Imaging Strategy</a>
<a href="javascript:%20showDiv('imagesharing');">Image Sharing</a>
</div>
</td>
</tr>
<tr>
<td>
<!--PBanners to go here-->
<table width="967" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="affiliate">An affiliate of Harris Corporation and Johns Hopkins Medicine</div></td>
</tr>
<tr>
<td>
<div style="display: inline;" id="companysplash">
<img src="images/focal_layered.jpg" alt="Peake Healthcare Innovations" width="967" height="195" border="0" usemap="#Map" />
</div>
<div style="display: none;" id="multiuse">
<img src="images/Peake_Multiuse_Banner.jpg" width="967" height="140" alt="Peake Healthcare Innovations" />
</div>
</td>
</tr>
</table>
<!--End Banners here-->
</td>
</tr>
<tr>
<td height="29">
<table width="967" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="728" valign="top">
<!--Start Main Content Company -->
<div style="display: inline;" id="company">
<div class="title"> Headline Goes Here</div>
<fieldset style="float:right; width:200px; height:400px; border:0;">
<img src="images/Service_Assets_Placeholder.jpg" width="160" height="111" alt="Service Assets Placeholder" /><br/>
<div class="callout_title">THE PEAKE TEAM</div>
<div class="callout_text">Read more about the <br/>Peake Team<i></i></div>
<div class="callout_link"><a href="http://www.harris.com">MORE</a> ></div>
<br/>
<img src="images/Harris_Corporate_Building.jpg" width="160" height="111" alt="Service Assets Placeholder" /><br/>
<div class="callout_title">PEAKE PARTNERS</div>
<div class="callout_text">Delivering a way to better healthcare by working together<i></i></div>
<div class="callout_link"><a href="http://www.harris.com">MORE</a> ></div>
<p> </p>
</fieldset>
<div class="subhead">Subhead to go here</div>
<div class="bodylg">Founded in March 2011, Baltimore-based Peak Healthcare Innovations (Peake) offers the first complete, cloud-based medical image management solution for global markets. </div>
<br/>
<div class="content">Peake was formed as a joint venture between two widely recognized market leaders: Johns Hopkins Medicine and Harris Healthcare Solutions. Peake blends the prowers of Hopkins' clinical and research expertise with Harris Corporation's proven track record in the application of Interoperability best practices, secure communications and managed services for national IT infrastructures. <a href="javascript:%20showDiv('codiv');">LEARN MORE</a> ></div></div>
<br/>
</div>
<!--End Main Content Company -->
<br/>
<!--Start Secondary Content Company -->
<div style="display: none;" id="codiv">
<table width="291px" border="0" cellpadding="0" cellspacing="0" class="callout_table" style="float:left">
<tr>
<td height="44" colspan="3"><img src="images/left_placeholder.gif" width="291" height="325" /></td>
</tr>
<tr>
<td height="35" colspan="3" class="callout_header">Related Items</td>
</tr> <tr>
<td width="49%" height="88">
<fieldset style="padding:5px; height:115px;">
<div class="callout_title">PEAKE PERFORMANCE</div>
<div class="callout_text">Peake gets it–<br/><i>Physicians never wait</i></div>
<div class="callout_link"><a href="javascript:%20showDiv('performance');">MORE</a> ></div>
</fieldset>
</td>
<td width="2%" height="88">
</td>
<td width="49%">
<fieldset style="padding:5px; height:115px;">
<div class="callout_title">PEAKE DIFFERENCES</div>
<div class="callout_text">An uncommon solution provider in a rapidly evolving marketplace</div>
<div class="callout_link">
<a href="javascript:%20showDiv('differentiates');">MORE</a> ></div>
</fieldset>
</td>
</tr>
</table>
<img src="images/The_Peake_Company_Title.jpg" width="350" height="22" alt="The Peake Company" />
<div class="subhead">Unprecedented Performance at the point of care.</div>
<div class="content">Peake's mission is to improve the quality of patient care and the efficiency of the patient care delivery process through transformatice innovation in health information management. By building on the strength of open-source software, Peak will could-enable the medical imaging practices of hospitals, integrated delivery networks, and health information exchanges with unprecedented performance at the point of care. Our secure, redundant, reliable cloud-based solutions facilitate colllaboration within and accross enterprise boundaries connecting care providers and patients like never before.<br/></div>
<div class="content">
<fieldset style=" padding-left:7px; padding-right:7px; padding-top:3px;">
<div class="callout_titleb">PEAKE GENERATES VALUE FOR THE HEALTHCARE ENTERPRISE IN TWO WAYS:</div>
<ul>
<li>The significant decuction in cost of imaging operations </li>
<li>An improvement of access to mission critical information</li>
</ul>
</fieldset>
<br/>
This is achieved through our partnership-oriented business model that places emphasis on performance and services. With no up front capital expense and scaled on the performance of your imaging businemass, our world class services are provided as an essentail utility in a pure, operational expense model. We combine our extensive development efforts with the industry's best applications to empower healthcare providers with choice. The choice of clinical, diagnostic and advanced 3D solutions as well as other workflow optimizing services that speed the adoption of technology and the care delivery process. Our customers now have technology packaged as a flexible service eliminating the burden associated with "vendor lock" to best meet the needs of clinicians, patients and communities today, tomorrow, and in the future.
</div>
</div>
<!--End Secondary Content Company -->
<!--Start Secondary Performance Content Company -->
<div style="display: none;" id="performance">
<table width="291px" border="0" cellpadding="0" cellspacing="0" class="callout_table" style="float:left">
<tr>
<td height="44" colspan="3"><img src="images/left_placeholder.gif" width="291" height="325" /></td>
</tr>
<tr>
<td height="35" colspan="3" class="callout_header">Related Items</td>
</tr> <tr>
<td width="49%" height="88">
<fieldset style="padding:5px; height:115px;">
<div class="callout_title">PEAKE PERFORMANCE</div>
<div class="callout_text">Peake gets it–<br/><i>Physicians never wait</i></div>
<div class="callout_link"><a href="javascript:%20showDiv('performance');">MORE</a> ></div>
</fieldset>
</td>
<td width="2%" height="88">
</td>
<td width="49%">
<fieldset style="padding:5px; height:115px;">
<div class="callout_title">PEAKE DIFFERENCES</div>
<div class="callout_text">An uncommon solution provider in a rapidly evolving marketplace</div>
<div class="callout_link"><a href="javascript:%20showDiv('differentiates');">MORE</a> ></div>
</fieldset>
</td>
</tr>
</table>
<div class="title"> Headline Goes Here</div>
<div class="subhead">Achieve Peake Performance in Your Imaging Practice</div>
<div class="content">Peake Healthcare Innovations believes that enterprise imaging solutions should be based on strong financial value, effective clinical utility and uncompromising reliability. While most vendors charge millions of dollars for software applications that place a significant burden on IT staff and disrupt clinical practice, Peake provides the world's most scalable, powerful and versatile Vendor Neutral Archive (VNA) at NO COST of software. Peake builds on the strength and popularity of DCM4CHEE, an open source software project established in 2000, as the basis for a commercial, cloud-based archiving solution. By returning Peake's substantive improvements to this proven application back to the healthcare community, our solutions uniquely offer what healthcare providers have been seeking from their vendor partnerships all along: <strong>choice</strong>.
</div>
<div class="content"> While healthcare providers, health information exchanges and accountable care organizations are unique in their size, scope and operations, most face the same challenges–increasing costs, decreasing reimbursement and changing regulation. Peake is dedicated to providing a complete image management solution offering to meet your needs. From cross-enterprise image exchange to clinical, diagnostic, and advanced 3D visualization, to a unified clinical image archive solution, disaster recovery and business continuity, Peake has what you need with the performance, security and reliability you would expect from an on-premise solution–at a fraction of the cost.</div>
<div class="content"><strong>Connect, communicate, and collaborate within the enterprise and across the continuum of care.<br/>
eake gets it—<i>Physicians never wait</i>.</strong>
</div>
</div>
<!--End Secondary Performance Content Company -->
<!--Start Secondary Differences Content Company -->
<div style="display: none;" id="differentiates">
<table width="291px" border="0" cellpadding="0" cellspacing="0" class="callout_table" style="float:left">
<tr>
<td height="44" colspan="3"><img src="images/left_placeholder.gif" width="291" height="325" /></td>
</tr>
<tr>
<td height="35" colspan="3" class="callout_header">Related Items</td>
</tr> <tr>
<td width="49%" height="88">
<fieldset style="padding:5px; height:130px;">
<div class="callout_title">PEAKE PERFORMANCE</div>
<div class="callout_text">Peake gets it–<br/><i>Physicians never wait</i></div>
<div class="callout_link"><a href="javascript:%20showDiv('performance');">MORE</a> ></div>
</fieldset>
</td>
<td width="2%" height="88">
</td>
<td width="49%">
<fieldset style="padding:5px; height:130px;">
<div class="callout_title">ABOUT PEAKE </div>
<div class="callout_text">The first complete cloud-based medical image management solutions for global markets</div>
<div class="callout_link"><a href="javascript:%20showDiv('company');">MORE</a> ></div>
</fieldset>
</td>
</tr>
</table>
<div class="title"> Headline Goes Here</div>
<div class="subhead">What differentiates us?</div>
<div class="content">Have no doubt, Peake is an uncommon solution provider in a rapidly evolving commercial marketplace. Unlike vendors that offer costly, siloed, often proprietary, software applications, Peake partners with our customers to create a unique solution that delivers the clinical applications and workflow your medical staff require as a service–improving the cost and effectiveness of care delivery. This innovative approach provides the flexibility and choice needed to continually improve your competitiveness in an otherwise uncertain reimbursement environment.<br/><br/>
<fieldset style="padding:8px;">
<div class="callout_title">ALL OF OUR SERVICE OFFERINGS:</div>
<ul>
<li>Operate on a standards-based, highly secured, 3x redundant cloud platform</li>
<li>Enhance and augment standards related to DICOM, IHE, and HL7 </li>
<li>Were developed with unique technologies to accelerate and improve the performance and reliability of conventional image management solutions</li>
<li>Provide a simple, flexible operational cost basis for delivery–no upfront capital is required</li>
<li>Reduce the cost associated with medical imaging information technology by 15-30% annually</li>
<li>Combine the experience and knowledge of Harris Corporation and Johns Hopkins Medicine to provide you a trusted, technology services partner </li>
</ul>
</fieldset>
</div>
</div>
<!--End Secondary Differences Content Company -->
</td>
<!--End Main Content-->
<!--Start What's New Column-->
<td width="239" rowspan="2" valign="top">
<table width="239" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="whatsnew">
</td>
</tr>
<tr>
<td>
<img src="images/wedge.gif" width="238" height="13" /></td>
</tr>
<tr>
<td colspan="3" height="45px" class="frame">
<div class="rtbarheader">LATEST NEWS</div>
<p class="rtbar">Check back soon for the latest news.</p>
</td>
</tr>
<tr>
<td colspan="3" height="45px" class="frame">
<div class="rtbarheader">CURRENT DOWNLOADS</div>
<p class="rtbar">Check back soon for downloads.</p>
</td>
</tr>
<tr>
<td colspan="3" height="158px" class="frame" >
<div class="rtbarheader">UPCOMING EVENTS</div>
<p class="rtbar">Peake will be at RSNA 2011 on Nov. 27–Dec. 2, 2011 for the 97th Scientific Assembly and Annual Meeting.</p>
<p class="rtbar">Meet Peake at the HIMSS12 Annual Conference and Exhibition on Feb. 20–24, 2012 at the Venetian Sands Expo Center in Las Vegas, NV.</p>
</td>
</tr>
<tr>
<td colspan="3" height="7"><img src="images/whats_new_hairline_bottom.gif" width="238" height="7" /></td>
</tr>
</table>
</td>
<!--End What's New Column-->
</tr>
</table>
</td>
</tr>
<tr>
<td height="214">
<!--Footer input to go here -->
</td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="11,43,239,155" href="index.html" target="_self" alt="Peake Healthcare Innovations" />
</map>
</body>
</html>
<!--This script here will tell the code which instance to show first-->
<script>
showDiv('company');
</script>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("dropmenu")
</script>
<!--End Section-->
Similar TutorialsHi, I am facing a problem in passing replace() function as an argument in user defined java function, can any one help me how to resolve it? intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '\' to '\\' I am posting my javascript function he <a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\\/g,"\\\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a> function OpenDocPreview(url, docname) { alert('message from search base : ' + url + ' ' + docname); } thank you, How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way. Any suggestions? PHP Code: <?php function phpQuery(){ $query = mysql_query("INSERT INTO mytable VALUES('','name','email')"); } ?> <script type="text/javascript"> function delayQueries() { timeoutID = window.setTimeout(doQueries, 2000); } function doQueries() { var runQuery = "<?php phpQuery(); ?>"; } </script> I made a mouseover event of a caption on a picture, when I hover the opacity of the background color of the hover and the text goes down. What I want is that when I hover over the image which the caption is floating on, the onmouseover event gets activite. For an imaginary example: Code: function unhighlight(x) {
x.style.backgroundColor="transparent"
}
Function ActivationFuction()
{
activate.function="unhighlight"
}
thanks Hi everyone, I am pretty new at javascript OOP. I have a javascript file that has plenty of javascript functions, variables, arrays, etc. I need to convert this into an object. Here is an example: Code: var myvar1 = '';
var myvar2 = new array();
var myvar3 = new array();
var myvar4;
var myvar5 = 60;
var myvar6 = '';
function myfunc1(){
myvar1 = 'hello';
return myvar1;
}
function myfunc2(somenum=0){
myvar5 = somenum;
//calling myfunc1() from within this function.
//do something in here
}
function myfunc3(){
//calling myfunc1() from within this function.
for(i=0;i<somelength;i++){
myvar2 = myvar3[i]; (something to put into the array)
}
}
1. I need to create an object and put ALL the varibles (myvar1 - myvar5) in that object. 2. Then the first two functions "myfunc1 and myfunc2" inside the same object. 2. And the function myfunc3 needs to sit OUTSIDE my object as a regular javascript function. It calls on myfunc1 (which is inside the object) and also inserts data into myvar2 (which is classified inside the object) and myvar3 (which is classified inside the object as well). This is what i came up with, but it's not going well: Code: var myobj1 = function(){
this.myvar1 = '';
this.myvar2 = new array();
this.myvar3 = new array();
this.myvar4;
this.myvar5 = 60;
this.myvar6 = '';
var myfunc1 = function(){
this.myvar1 = 'hello';
return this.myvar1;
}
var myfunc2 = function(somenum=0;){
this.myvar5 = somenum;
//calling this.myfunc1() from within this function.
//do something in here
}
}
function myfunc3(){
//calling mynewobj.myfunc1() from within this function.
for(i=0;i<somelength;i++){
mynewobj.myvar2 = mynewobj.myvar3[i]; (something to put into the array)
}
}
var mynewobj = myobj1;
HELP.....!!!! i really want to get into object oriented world, so thanks in advance. If I use function or Function to create a javascript function, does it make any difference ? Whats the difference between two and in which situation shall I use either ? Likewise whats the difference between event and Event objects of JavaScript ? Thanks Please I have been having sleepless nights for days and could not resolve why this codes will not work. I will appreciate any assistance to resolve the coding reerroll the main problem is the function calculate (), does work when called. Please help <HTML> <HEAD> <TITLE>Feedback</TITLE> <SCRIPT TYPE="TEXT/JAVASCRIPT"> rate = new Array(4) rate[0] = 8 rate[1] = 4 rate[2] = 6 rate[3] = 12 function calculate() { howmuch = eval("document.form1.InsVal.Value") for(loop = 0; loop < document.form1.cover.length;loop++) if (document.form1.cover[loop].checked) level = loop + 1 where =document.form1.region.selectedIndex cost = eval(10 + howmuch /100*rate[where]*level) document.form1.guote.value =cost } function confirmPurchase() { if (confirm("Area you sure you wish to purchase insurance from us?")) document.form1.submit() } </SCRIPT> </HEAD> <BODY> <H1 ALIGN = CENTER>HotWheels</H1> <H2 ALIGN = CENTER>Skateboard Insurance Specialists</H2> <FORM NAME = form1 METHOD = post ACTION = "mailto:ioduwa@yahoo.com"> <P><B> Value of board:</B> <INPUT TYPE = text NAME = InsVal SIZE = 10> <P> Region <SELECT NAME= region> <OPTION = london> London <OPTION = southwest> South West <OPTION = rest>Rest of England <OPTION = wales>Wales </SELECT> <BR><INPUT TYPE = Radio NAME = cover> Third Party <BR><INPUT TYPE = Radio NAME = cover> Third Party Fire and Theft <BR><INPUT TYPE = Radio NAME = cover CHECKED> Comprehensive <P><INPUT TYPE = "button" NAME = "calc" VALUE = "Get guote" onClick ="calculate()"> <P><B> Your Quotation:<B> <INPUT TYPE = "text" NAME = "quote" SIZE = 10> <P><INPUT TYPE = "button" NAME = "done" VALUE = "Purchase" onClick = "comfirmPurchase()"> </FORM> </BODY> </HTML> Hi I have a JavaScript function that has leaves floating around the screen and I need a way to have a checkbox turn on and off the function. Or I need a way to have a button turn off the script. I have the code to start the function on-loading the site. Any ideas are greatly appreciated. I got the falling leaves script from http://javascript.about.com/gi/o.htm...tip62.htm%3Ffm Hello, I have a php function PHP Code: function npclocs() { $npcl=$db->query("SELECT * FROM npclocation WHERE npclong < {$ir['userlongitute']}+5 AND npclong > {$ir['userlongitute']}-5 AND npclat > {$ir['userlatitude']}-5 AND npclat < {$ir['userlatitude']}+5 "); /*$npcarray = mysql_fetch_array($npcl);*/ $rows =0; while($row = $db->fetch_row($npcl)) { $nloc[]=$row; } foreach($nloc as $n) { echo "newpoints[" . $rows . "] = new Array(".$n['npclong'].", ".$n['npclat'].", ".$n['npciicon'].", ".$n['npclname'].", ".$n['npclname']."); "; $rows++; } } and I have a javascript function that I would like the results of this function to insert its results in the javascript here is the function in javascript Code: function addPoints() {
//newpoints[0] = new Array(-73, 46, icon0, 'monroe', 'monroepopup');
//newpoints[1] = new Array(-69, 52, icon0, 'jackson', 'jacksonpopup');
//newpoints[2] = new Array(-45, 39, icon0, 'Benton', 'bentonpopup');
for(var i = 0; i < newpoints.length; i++) {
var point = new GPoint(newpoints[i][1],newpoints[i][0]);
var popuphtml = newpoints[i][4] ;
var marker = createMarker(point,newpoints[i][2],popuphtml);
map.addOverlay(marker);
}
}
The commented out //newpoints is the old js array. my php function queries mysql and uses whiles and foreach to create the same output, as the old js array. I would like that php function result to insert its result into the js function. Is this possible? Thank you in advance. Hi, I have a javascript code in my site which is similar to this: var menu1=new Array() menu1[0]='<hr style="color: \'#FFCC66\'; height: \'1\'; text-align: \'left\'; width: \'96%\'"><strong><font size=+2>text1</font></strong>' var menu2=new Array() menu2[0]='<hr style="color: \'#FFCC66\'; height: \'1\'; text-align: \'left\'; width: \'96%\'"><strong><font size=+2>text2</font></strong>' The list goes on for hunders of records. What I need to do, is to use a function in which I will pass the text1, text2, text3 as variables, and have the html code returned, since it's always the same. For example, I would need something like: var menu1=new Array() menu1[0]='display_html(text1)' var menu2=new Array() menu1[0]='display_html(text2)' This would save me a lot of bytes in the output file, but I'm not very familiar with javascript so I didn't manage to make it work. I tried using the document.write command in a function, but that forced the text to be displayed on my page, even though it was supposed to be shown only when the user clicks on a link. I'm using the "AnyLink Drop Down Menu" script from www.dynamicdrive.com. Any help would be highly appreciated! Hi, My apologies if this is not formatted correctly as I am on my phone and not everything displays correctly. I am trying to write a class or function (not sure which is needed) that controls stats on my page. I currently have a working example but I need additional functionality and I'm not sure how to do it. Basically it needs to run every 6 seconds to update the stats(as they change constantly). I need the javascript to connect(using ajax) to a database and retrieve stats to initially store as global variables. Then, as stated, I need it to modify(simple math that I can do) these stats every 6 seconds. Hi, Suppose I have this: Code: <a href="#" class="play" onclick="Audio('lol.mp3')">
As you see, when a user will click on the link, it will play an audio. Good! I want to know if I have another button, let's say <button>Remove</button>, how can I disable the "onClick" event on the link above? And also when clicking on a third button <button>Add</button>again, it will enable the function again to work? NOTE: I do not want an HTML5 audio Stop button. This is different. I just want to know how to enable and disable function event. Thank! I would like to add some javascript code that used for mobile browser detection to redirect page to another page. I would like to add it to content editor web part in sharepoint. I think I need to add it to the source editor. I got the following javascript code from a website. (function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris| kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo| up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1- 6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te| us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa| cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el (49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w| od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\- (20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( | \/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/| ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50| p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok (6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po (ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/| sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl (45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg \-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk (40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)| wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b}) (navigator.userAgent||navigator.vendor|| window.opera,'http://www.mycustomizedmobilepage.html'); {/script} I also learned that I need to add this line of code to the page: _spBodyOnLoadFunctionNames.push("functionName"); to call the javascript so that there is some kind of time delay to make the page upload to work correclty with the code. My question is: I see this javascript start with function(a,b), I did't see actually a function name, how can I call this function by using _spBodyOnLoadFunctionNames.push Thanks -------------------------------------------------------------------------------- Hi guys. I have made a PHP script that queries a database and uses the reponse to display multiple radio boxes (using a while loop). What I would like to do is have the page URI updated when a radiobox is clicked, without the user having to press on a "Submit" button or something. This is where Javascript comes into play. As this is a while loop, there is no specific number of responses or prefixed names. I've found a lot of stuff on Google with functions calling ID's, and then if the ID matches do a predefined response. Of course that wouldn't work in this situation, and to be frank I don't need anything near as complex. What I'm looking to do is call a Javascript function to redirect the page to "...?location=<get location from PHP var>&id=<get ID from checkbox ID/name>". When the page reloads, I can then use the PHP $_GET["id"] function to display data. It sounds SO simple in theory! Can anyone help? What i've done (and failed): Code:
echo "<form>";
while ($explode_count_dec > "0"):
$while_query = mysql_query("SELECT * FROM printers WHERE ID LIKE '$explodedata[$explode_number]'");
$while_result = mysql_fetch_assoc($while_query);
echo "<input type='radio' value='".$explodedata[$explode_number]."' name='printer' onClick='showmore(".$explode_number.")' />".$while_result["Model"]." <BR /> ";
++$explode_number;
--$explode_count_dec;
endwhile;
echo "</form>";
and the JS: Code: <script type="text/javascript">
function showmore($text) {
var room = "<?= $get_location; ?>";
window.location = "?location=" + room + "&id=" + <?php $text; ?> // Couldn't do just $text here? I wish I knew JS..
}
</script>
Code: s = s.replace(/\[code\](.*?)\[\/code\]/gi,'<span class="code">$1</span>'); This works as expected, but what I'm trying to do is replace the content within the tags with a santized version of what was in it before. Example Code: function clean(str){
//clean up string stuff here
return str;
}
s = s.replace(/\[code\](.*?)\[\/code\]/gi,'<span class="code">'+clean('$1')+'</span>');
But as with everything in life it's never that easy, it's simply passing "$1" to the clean function instead of what was actually within the code tags. Can anyone tell me how I'd go about doing this? var macs = { getMacAddress : function() { document.macaddressapplet.setSep( "-" ); document.write( "Mac Address = " + document.macaddressapplet.getMacAddress() ); } how do i call this function and display out in the website? this doesn't seems working.. <script type="text/javascript"> document.write(mac.getMacAddress()); </script> Anyone help? Hello, In the following code i'm trying to check if the value of the text field is exist in the array. the problem that the function dose not accept the the value(node.value) from the text field. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text Validation</title>
<script type="text/javascript" language="javascript">
Array.prototype.inArray = function (value)
{
// Returns true if the passed value is found in the
// array. Returns false if it is not.
alert(value);
var i;
for (i=0; i < this.length; i++)
{
if (this[i] == value)
{
return true;
}
}
return false;
};
function cal(xx)
{
var node_list = document.getElementsByTagName('input');
arr = new Array("");
for (var i = 0; i < node_list.length; i++)
{
var node = node_list[i];
///alert(node_list.length);
// alert(node.value);
arr.push(node.value)
}
alert(xx.length);
//var arr= new Array(1,2,3,4,5,6,7,8,9,10);
if(xx.length!=0)
{
if(arr.inArray(xx))
{
alert("Your value is found in the Array");
}
else
{
alert("Your value is not found in the Array");
}
}
}
</script>
</head>
<body>
<form id="text_validation" name="text_validation" action="" method="post">
<table width="600" border="1">
<tr>
<td><label for="abc_text_1" id="abc_text_1_lb">Text 1</label> </td>
<td>:</td>
<td><input type="text" id="abc_text_1" name="abc_text_1" onblur="return cal(this.value);" /></td>
</tr>
<tr>
<td><label for="cde_text_2" id="cde_text_2_lb">Text 2</label> </td>
<td>:</td>
<td><input type="text" id="cde_text_2" name="cde_text_2" value="abc" /></td>
</tr>
<tr>
<td><label for="fgh_text_3" id="fgh_text_3_lb">Text 3</label> </td>
<td>:</td>
<td><input type="text" id="fgh_text_3" name="fgh_text_3" value="abcaaaaa" onblur="return testvalidation(fgh_text_3);" /></td>
</tr>
<tr>
<td><label for="ijk_text_4" id="ijk_text_4_lb">Text 4</label> </td>
<td>:</td>
<td><input type="text" id="ijk_text_4" name="ijk_text_4" onblur="return testvalidation(ijk_text_4);" /></td>
</tr>
<tr>
<td><label for="lmn_text_5" id="lmn_text_5_lb">Text 5</label> </td>
<td>:</td>
<td><input type="text" id="lmn_text_5" name="lmn_text_5" onblur="return testvalidation(lmn_text_5);" /></td>
</tr>
<tr>
<td><label for="opq_text_6" id="opq_text_6_lb">Text 6</label> </td>
<td>:</td>
<td><input type="text" id="opq_text_6" name="opq_text_6" onblur="return testvalidation(opq_text_6);" /></td>
</tr>
<tr>
<td><label for="rst_text_7" id="rst_text_7_lb">Text 7</label> </td>
<td>:</td>
<td><input type="text" id="rst_text_7" name="rst_text_7" /></td>
</tr>
<tr>
<td><label for="uvw_text_8" id="uvw_text_8_lb">Text 8</label> </td>
<td>:</td>
<td><input type="text" id="uvw_text_8" name="uvw_text_8" /></td>
</tr>
<tr>
<td><label for="xyz_text_9" id="xyz_text_9_lb">Text 9</label> </td>
<td>:</td>
<td><input type="text" id="xyz_text_9" name="xyz_text_9" /></td>
</tr>
<tr>
<td><label for="klm_text_0" id="klm_text_0_lb">Text 10</label> </td>
<td>:</td>
<td><input type="text" id="klm_text_0" name="klm_text_0" value="10" /></td>
</tr>
</table>
</form>
</body>
</html>
hello, i have a form validator that works fine in chrome, safari, firefox...but not IE 8.. i'm pretty new at javascript... any help is appreciated Code: function detect()
{
if(navigator.cookieEnabled == false)
{
alert('You must enable cookies in your browser!');
return false;
}
if(document.add.color.value == "-Select Color-")
{
alert('Please select a color!');
return false;
}
if(IsNumeric(document.add.quantity.value) != true)
{
alert('This must be a number!');
return false;
}
if(document.add.quantity.value == 0)
{
alert('You must add at least one item!');
return false;
}
}
and the html Code: <form name='add' onSubmit='return detect();' method='POST' action='process.php'> |
|||||||