w3schools.com - Browser Scripting

Firefox Javascript Does Not Work

Sun, 22 Nov 2009 10:44:57 -0500

this code with red color does not work on firefox. it works on ie and google chrome
what is the problem please help me...

">
" title="<%=removes%>">" />
" class="product-image" title="<%=rs("title" & language_constant)%>">" height="100" alt="<%=rs("title" & language_constant)%>" />

"><%=rs("title" & language_constant)%>

<%=rs("price")%> TL

">

" size="4" class="input-text qty" maxlength="8" />

<%= (rs("price") * rs("quantity"))%> TL

','<% = counter %>')">update

Goto Url By Selecting A Drop Down List Option

Fri, 20 Nov 2009 21:34:34 -0500

Ok, this is an easy one all of you "pro's", but I don't know how to do it and need a little help.

Here is what I want to do: create a drop down list with three options. Once the user selects one of the options, it takes him/her to a URL (I would like it to open up in a new window) e.g. a .pdf file on my web site. Here is what I have so far:

I want the first option to display a blank field and the rest of the list of options below that. I know how to make the list of options, but I do not know how to make the hyperlink part work.

Anyone have any ideas?

Thanks much!

Ace495

PS. I assume I need to do this with javascript? If there is an easier way, I am open to that also.

Run Function Help

Fri, 20 Nov 2009 17:40:33 -0500

Hi i have this script to show a modal box when a user clicks a link at the moment i have to add it MANUALLY using Onclick, but would like to run it whenever a user clicks anything, links, buttons etc. How could i edit the code to do this?

CODE

Admin Control Center

liveSplitters="true" id="borderContainer">

Welcome! Select one of the items at the left to continue

style="width: 200px;">

url="AdminLabelList.json" jsid="listStore" />

childrenAttrs="line" store="listStore"
jsId="listModel">

The data :

CODE

{
   identifier: 'id',
   label: 'description',
   items: [
      { id: 1, description:"Users", 
        line: [
            { id: '1-1', description: 'Master List'},
            { id: '1-2', description: 'Individual Stats'}
        ]
      },
      { id: 2, description:"Traces", 
        line: [
            { id: '2-1', description: 'Master List'},
            { id: '2-2', description: 'Trace Details'}
		]
      },
      { id: 3, description:"Functions", 
        line: [
            { id: '3-1', description: 'Where Defined'},
            { id: '3-2', description: 'Where Used'}        
        ] 
      }
   ]
}

Thank you for any assistance

Need Help About Using Ajax To Submit The Form Without Page Changing

Mon, 16 Nov 2009 06:59:20 -0500

I've asked my questions in HTML forum
and someone answer me that I may need to use AJAX
and all I've been knew about AJAX is , It's a technic to use javascript right?, or I misunderstood ?

so I try to read and understand the tutorials in this website
but I'm too foolish to understand it

and I consider to post my topic again in this JAVA forum category

this is my questions:

1. Which one of javascript I have to know to do what I want
2. If it's too hard to learn that script for newbie (it's me, I'm just a beginer of website coding) Would you please me by tell me the command or guide me
3. If I need to lean about AJAX . What is the knowledge I must knowing before

Thanks you all

=This is my Questions which I copy from my topic= ; link=http://w3schools.invisionzone.com/index.php?showtopic=28583

QUOTE (lovekit @ Nov 16 2009, 02:25 PM) <{POST_SNAPBACK}>

How can I make my web page sending a form submit without link to that page

- = I'm not good in using English language So I'll try to explain you my problem = -

I want to make a page with a form (or Poll) to ask visiter something
But, How to make [Submit] or [Send] button to do just sending detail (or anything they're typeing in the field of the form)
just send form submit to my receiver&storage page

I try to use target="(I tested all type)"
in that form
but it still redirect my page to my receiver page

I want it to be just staying on that page , not change the page
Or maybe just show alert "your comment was received Thank you for comment" << like this (it's just sample)

I knew, that AJAX can help me this problem
but I've been a foolish one. I don't understand it enough to use AJAX

and I think, that must have anyway to do this by using just HTML JAVASCRIPT or PHP (I'm trying to understand PHP now but i'm just beginer)

so if you understand my question (that I think, I use a little wrong word or phase, B'cos I'm not good in English language)
Please help me

Thanks for the answer
Thanks you to read my questions
Thanks you all

Looking For A Sparkly Script

Mon, 16 Nov 2009 05:47:09 -0500

Hi there,

I'm making a space themed site and I'm looking for a script that will display sparkling stars against a black background (i.e. very small white dots speckled throughout the background which either continuously sparkle/shimmer or slowly fade in and out etc..). The background is fixed, as well, so that only the foreground content scrolls. Any suggestions on where I can find such a script? I tried going to the google home page to find what I wanted, but all I could see there was a search box; nothing at all about sparklies. Weird...

Haha (slapping knee). Seriously, though, I did find one website advertising sparkles on the mouse, without using an image. It turns out the "sparkle" was the "*" sign. Two or three of them appear in various colors as the mouse is moved around the page. I wonder if something similar could be done with the "." (period, fullstop) symbol of various font sizes speckled around the background of a page so that an image would not be necessary. They could then fade in and out at various intervals thus giving the appearance of sparkling stars. If anyone feels like writing a script for me like that real quick I'd be so grateful.

Actually, come to think of it, that won't do in this situation (though I am still curious if it could still be done in that way) cause I'm doing this as a zengarden submission so I can't change the html by inserting the periods, which means it would need to be a javascript image effect. Of course, some kind of css solution that could achieve the desired effect would be even BETTER!

Anyway, thanks for any advice offered.
(makes like a tree and leafs)

Populate Textbox If The Value Of The Upload Is Not Null

Sun, 15 Nov 2009 05:42:35 -0500

I made a simple script that
check the the value of the upload field,
if null then textbox remains null,
but if there is some value of upload field, the text box gets populated with that value.
while if the value fiield is null,any value can be set to textbox manually

Recognizing A Browser

Sat, 14 Nov 2009 19:40:33 -0500

I'm currently designing a template for a website and the amount of line breaks between two div's works only in IE and does not work in Firefox (it comes out of the main container.) I wanted to know how I could make my site recognize the browser type, and see if I could make it so there are a certain amount of line breaks, depending on the browser type, so it looked as it should. Here is my code:

CODE

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Bree Noa Publishing - Template</title>

  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

  <meta name="keywords" content="bree, noa, publishing, co, you, know, your, way, home, suzanne, jauchius, jerry, henderson, books, intuitive" />
  <meta name="description" content="Bree Noa is an independent publishing company in West Linn, Oregon creating opportunities every day for authors of memoir

and creative non-fiction." />

  <link rel="stylesheet" href="styles.css" type="text/css" />

   <style type="text/css">
   body {
              background: #800000;
              margin: 0;
              padding: 0;
   }

   .allContainer {
                            width: 84%;
                            margin: 10px;
                            padding: 4px;
                            margin-left: 7%;
                            margin-right: 7%;
                            background: #996600;
                            height: 1475px;
                            border: 2px solid #996600;
                            text-align: center;
   }

   .headContainer {
                                 width: 98.5%;
                                 margin: 4px;
                                 padding: 2px;
                                 height: 170px;
                                 background: #996600;
                                 text-align: left;
                                 border: 2px dotted black;
   }

   .navContainer {
                               width: 98.8%;
                               margin: 3px 0.3% 3px 0.3%;
                               padding: 4px;
                               background: #996600;
                               height: 45px;
                               text-align: left;
                               border: 2px dotted black;
   }

   .noticeContainer {
                                    width: 145px;
                                    height: 78.7%;
                                    margin: 3.5px 0px 0px 3px;
                                    background: #996600;
                                    text-align: left;
                                    float: left;
                                    border: 2px dotted black;
                                    padding: 3px;
   }

   .bodyContainer {
                                  background: #996600;
                                  width: 82.99%;
                                  height: 78.7%;
                                  margin: 2px;
                                  margin-left: 0;
                                  text-align: left;
                                  float: right;
                                  border: 2px dotted black;
                                  padding: 4px;
   }

   .footerContainer {
                                   background: #996600;
                                   width: 99%;
                                   height: 45px;
                                   margin: 9px 0px 1px 3.5px;
                                   text-align: left;
                                   border: 2px dotted black;
   }

   h1 {
         color: #000;
         font-family: "Arial", Helvetica, sans-serif;
         font-size: 36px;
         text-align: center;
   }

   h2 {
         color: #000;
         font-family: "Arial", Helvetica, sans-serif;
         font-size: 29px;
         text-align: left;
   }

   h3 {
         color: #000;
         font-family: "Arial", Helvetica, sans-serif;
         font-size: 25px;
         text-align: left;
   }

   p {
       color: #000;
       font-family: "Palatino Linotype";
       font-size: 22px;
       text-align: left;
   }

   a {
      color: #000;
      text-decoration: underline;
   }

   a:hover {
                   color: #800000;
                   text-decoration: none;
   }
   </style>
</head>
<body>

  <div class="allContainer">
     <div class="headContainer">
       <a href="index.html">
       <img src="http://www.breenoa.com/images/BreeNoaPublishing wind.png"
                 alt="Bree Noa Publishing Co. - A Wind to carry the Tale"
                 width="64%"
                 height="89%"
                 border="0" />
       </a>
     </div>

     <div class="navContainer">
       <h3 align="center" style="font-size: 22px;">This will contain the navigation bar</h3>
     </div>

     <div class="noticeContainer">
        <h3>This will contain the notices (marquee, javascript notices, or plain text and links) of bree noa.
                  <br />
                  <br />
                  If the need arises, we can organize an RSS feed here as well.</h3>
     </div>

     <div class="bodyContainer">
        <h1>This will contain all of the body contents of the page</h1>
        <br /><br />
        <h3>Testing font styles:</h3>
        <br />
        <h1 style="text-align: left;">Heading1</h1>
        <h2>Heading2</h2>
        <h3>Heading3</h3>
        <p>Paragraph
        <br />
        <br />
        <a href="#">Link</a>
        </p>
     </div>

     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br

/><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br<br /><br /><br /><br /><br /><br /><br

/><br /><br /><br /><br /><br /><br /><br /><br />

     <div class="footerContainer">
       <h4>This will contain the copyright footer.</h3>
     </div>
  </div>

</body>
</html>

Jquery Slider Help

Sat, 14 Nov 2009 16:57:55 -0500

Hey everyone, I am pretty new to javascript and Jquery and I am trying to change the direction of a simple image slider (slide right instead of left) Can anyone give me some tips as to what to focus on? You don't have to solve this for me necessarily, but I would really appreciate any help. The page in question is:
http://www.lesflaneurs.com/wordpress/?page_id=230
and the slider is the Accessible News Slider. All of the CSS and JS is viewable in the source. Thanks to anyone who can give me some advice.

JW

Change An Image With Value In Form And Javascript/ajax?

Thu, 12 Nov 2009 23:36:41 -0500

See: http://smartboyssite.net/formosum/wolfCustomize.php
And: http://smartboyssite.net/formosum/changeWo...?furbase=3333FF

I ripped the Javascript from Wajas, but I'm guessing its will not do what I want. I'm new to javascript, so forgive me if I made some stupid mistakes.

Anyway, I'm trying to create something which will let you customize the colors of different layers within an image. At first I tried SVG, but that failed miserably, so now I'm using PHP + layered PNG images adjusted with imagemagick (hackish, I know, but at least it works). It works when I use the second URL listed above, but I want to embed it into the web page. What I need to do now is take the data from the form and have the second script create a new image, which is embedded into the first. How I saw it done on Wajas was using:

CODE

And:

CODE

But it isn't working. Is there a way to fix this so it will work, or perhaps another way to regenerate the image without refreshing the whole page?

Csv To Html Table - Javascript

Thu, 12 Nov 2009 20:04:45 -0500

Please help!

I am very, very new at the whole web development thing and need a bit of help with figuring out the simplest way to convert a basic csv file into an html table with a verticle scroll bar. Like with all things there is a catch, and that is my client will need to change the linked csv document on a regular basis so this process needs to be made as simple as possible.

I found what seemed like fairly clean javascript code that claims to do what I want, but I can't seem to make it work. I tried to insert the " HTML Header data" and " HTML footer data" directly into the html code but that doesn't seem to work either.

Below is both my js and html code. Any help solving this problem would be immensely appreciated!!!

CODE

//javascript

// The names of our input and output files
var src  = "toronto_Nov09.csv";
var dest = "results.html";

// Create some variables
var fso, fin, fout;
var data = new Array();

// Define constants for file access
var forReading   = 1;
var forWriting   = 2;
var forAppending = 8; // not used - given for reference

// Create File System Object and open input and output files
fso  = new ActiveXObject( "Scripting.FileSystemObject" );
fin  = fso.OpenTextFile( src, forReading );
fout = fso.OpenTextFile( dest, forWriting, true );// create file if not found

// Write out header and start of table
fout.WriteLine( htmlHeader() );
fout.WriteLine( "" );

// Loop through entire file
while( !fin.AtEndOfStream )
{
 try 
 {
  // Read the next line
  var line = fin.ReadLine();

  // If line if blank - skip it
  if( line == "" )
    continue;

  // Fill our array 'data' which csv data split at ','
  // If you are using a different seperator, such as a TAB
  // you will need to modify the next item
  // Some examples 
  // data = line.split( "\t" ); // for tab
  // data = line.split( ":" );  // for colon
  // data = line.split( " " );  // for space
  data = line.split( "," );

  // Start our table ROW
  fout.WriteLine( "" );

  // Loop through data elements found on current line
  for( i = 0; i < data.length; i++ )
  { 
   // write TD tags to wrap data
   fout.WriteLine( "" );
  }

  // Close the ROW
  fout.WriteLine( "\r\n" );
 }
 catch( e )
 {
  WScript.Echo( "Error: " + e.description );
 }
}

// Close TABLE
fout.WriteLine( "       " + data[i] + "  
" );

// Close HTML page
fout.WriteLine( htmlFooter() );

// Close input and output files
fin.Close();
fout.Close();

 

/*******************************
 HTML Header data
********************************/

function htmlHeader()
{
 var title = "CSV2HTML";
 var head = "\r\n\r\n";
 
 // Title
 head += "" + title + "\r\n";
 
 // Style Sheet
 head += "\r\n";
 
 head += "\r\n\r\n";
 return( head );
}

/********************************
 HTML Footer data
*********************************/
function htmlFooter()
{
 var foot = "\r\n\r\n";
 return( foot );
}

CODE

Untitled Document

<!--

-->

My csv conversion test

Anchor Pseudo Classes

Thu, 12 Nov 2009 15:59:44 -0500

I'm using CSS Sprites for a nav-bar, and using the pseudo classes "hover, visited, etc" (which is very cool) but for javascript enabled browsers I wanted to know if or how I can change the style dynamically. In other words, when the user clicks an anchor, I capture the onclick event, which calls an AJAX function to just change the body of the page (which has a more pleasing effect) instead of the default anchor calling a whole page.

However I would like to alter the style of the pseudo classes to change the "image". I know I can just do this with mouseover, mouseout events, but for example heres the original CSS snippet;

CODE

#menu1 a:link {background: transparent url('menu_buttons.png')  -0px -0px no-repeat;}
#menu1 a:visited {background: transparent url('menu_buttons.png')  0px -0px no-repeat;}
#menu1 a:focus {background: transparent url('menu_buttons.png')  0px -32px no-repeat;}
#menu1 a:hover {background: transparent url('menu_buttons.png')  0px -64px no-repeat;}
#menu1 a:active {background: transparent url('menu_buttons.png')  0px -64px no-repeat;}

HTML

CODE

Javascript

CODE

window.onload = init;

function init()
{
   ...
   document.getElementById('p1').onclick = changePage;
}

function changePage()
{
   // Is there something similar to what I'm trying to do here?
   document.getElementById('p1').style.hover.background = "transparent url('menu_buttons.png')  0px -128px no-repeat";
   ...
}

Thanks in advance for any advice!

Remove Element With Dom

Thu, 12 Nov 2009 11:22:13 -0500

I have this code
i want to remove all elements inside the div
my function closeDiv doesn't work :

CODE

makeFloat

Ajax Return Next Image Src

Fri, 06 Nov 2009 12:05:30 -0500

Hi, can someone explain why this happens:

Here's the javascript section

CODE

	function checkForMoreImgs(id, last, limit){
		//AJAX to check if there are more images in this category. if not, check if there is a row to go to
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null)
		  {
		  alert ("Browser does not support HTTP Request");
		  return;
		  }
		var url="http://www.###.com/administrator/gallery.class.php";
		url=url+"?imgCat="+id;
		url=url+"&lastPic="+last;
		url=url+"&limit="+limit;
		url=url+"&sid="+Math.random();
		xmlHttp.onreadystatechange=checkForMore;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);	
	}
	
	function checkForMore(){ 
		var paths;
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
			// If there are more images we want to replace them with new urls and get rid of any old ones that might be left
			document.getElementById("0-0").src =xmlHttp.responseText; // !!!!!!!!!! THIS IS THE LINE IN QUESTION !!!
		}
	}

	function GetXmlHttpObject(){
	var xmlHttp=null;
	try{
	 // Firefox, Opera 8.0+, Safari
	 xmlHttp=new XMLHttpRequest();
	}
	catch (e){
	 // Internet Explorer
		try{
		  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
		  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
	}

here's the php section

CODE

if(isset($_GET['imgCat'])){
	$gallery = new gallery();
	$category = $_GET['imgCat'];
	$start = $_GET['lastPic'];
	$limit = $_GET['limit'];
	$gallery->getImagesByCategory($category, $start, $limit);
	if($gallery->fullpath[0] != ''){
		echo $gallery->fullpath[0] . $gallery->filename[0];
	} else {
		echo "no more images
";
	}
} else {
	echo "Not Set
";
}

In the javascript section, the line that says document.getElementById("0-0").src =xmlHttp.responseText in the checkForMore() function, if I do document.write(xmlHttp.responseText), I get the text that I want to insert into the src, but when I go document.getElementById("0-0").src =xmlHttp.responseText I get a whole long line of stuff.

Below is what gets inserted in the src if it makes a difference, Thanks!

http://www.###.com/%3Cscript%20type=%22tex...backgroundColor = '#999966';oldId = imgId + '-' + catNum;} function playShow(){setTimeout("next()", 500); // Slight delay for startt = setInterval("next()", 4000);} function stopShow(){clearInterval(t);} function next(){var splitOldId = oldId.split("-");var newId;var moreInRow = "no";if(splitOldId[0] == numImages[splitOldId[1]] - 1){newId = 0;var oldSrc = document.getElementById(splitOldId[0] + "-" + splitOldId[1]).src;checkForMoreImgs(categories[splitOldId[1]], splitOldId[0], perRow);newId = newId + '-' + splitOldId[1];splitOldId[0] = -1;} else {newId = parseInt(splitOldId[0]) + 1;newId = newId + '-' + splitOldId[1];//document.getElementById("code").innerHTML = "New ID: " + newId + " Old ID: " + oldId + " Split 1: " +splitOldId[1] + " Number of Images: " + numImages;}var alt = document.getElementById(newId).alt;var newSrc = document.getElementById(newId).src;var splitPoint = newSrc.lastIndexOf("\/");var start = newSrc.substring(0,splitPoint);var large = '/large/';var end = newSrc.substring(splitPoint + 1);newSrc = start + large + end;largeImg(newSrc, alt, parseInt(splitOldId[0]) + 1, parseInt(splitOldId[1]));}function checkForMoreImgs(id, last, limit){//AJAX to check if there are more images in this category. if not, check if there is a row to go toxmlHttp=GetXmlHttpObject();if (xmlHttp==null) { alert ("Browser does not support HTTP Request"); return; }var url="http://www.###.com/administrator/gallery.class.php";url=url+"?imgCat="+id;url=url+"&lastPic="+last;url=url+"&limit="+limit;url=url+"&sid="+Math.random();xmlHttp.onreadystatechange=checkForMore;xmlHttp.open("GET",url,true);xmlHttp.send(null);}function checkForMore(){ var paths;if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){// If there are more images we want to replace them with new urls and get rid of any old ones that might be leftdocument.getElementById("0-0").src =xmlHttp.responseText;}}function GetXmlHttpObject(){var xmlHttp=null;try{ // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest();}catch (e){ // Internet Explorertry{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}catch (e){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}}return xmlHttp;} //-->

http://www.###.com/images/current-projects/Pollard/Cellar-hole-before-frost-walls.jpg

Drag And Drop Function

Fri, 06 Nov 2009 06:47:42 -0500

Hi everyone.

I've been searching for a while, and cant seem to find the answer to my question.

I'm searching for a function that makes it possible to take a image, and drag it into a div tag, my code without function looks like this:

CODE

<img src="draggable_image1.jpg" width="250" height="250" />
<img src="draggable_image2.jpg" width="250" height="250" />
<img src="draggable_image3.jpg" width="250" height="250" />
<img src="draggable_image4.jpg" width="250" height="250" />


<div id="#droparea1"> </div>
<div id="#droparea2"> </div>
<div id="#droparea3"> </div>
<div id="#droparea4"> </div>

So as you see, its not so much that i want to be done, but i cant find a way to do this at all.

On the page it will be more draggable images and dropable areas, so might be best to use a id that goes for all dropareas.
But you decide

Hope you understand my question and can help.

Kristian

Js In Google Apps

Fri, 06 Nov 2009 02:16:19 -0500

Hey all,

Random question here. I watched a video on Google Wave, and noticed Google has some amazing UI features in all their products like perfect use of AP Divs (layers) and drag and drop. Do they have super expert JS developers, or do you think they leverage off of a JS library?

Container Sizes

Tue, 03 Nov 2009 20:02:47 -0500

hi
can anyone tell me what code i use to stop my text overspilling a container ie a section with a width and a height
cheers
jnf555

Ajax Request Not Working

Tue, 03 Nov 2009 17:44:47 -0500

I have an AJAX request that queries a database. Problem is, the records aren't being found. Am I sending the request properly?

CODE

postParams = "QuoteNum="+tmpQuote+"&SetNum="+tmpSet+"&Type="+tmpType; //+"&RevNum="+tmpRev;

httpRequest.open("POST","/SkyPrice/Scripts/AJAX_Requests/GetDtlInfo.php",true);
httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
httpRequest.send(postParams);

I know it's accessing the PHP file because it spits out the text it's supposed to if no record is found. Trouble is I know the records exist in the database. It's just not finding them.

Help please?
Thanks,
jkloth

Getting The Height Of An Element With A Height Of 'auto'

Tue, 03 Nov 2009 16:28:02 -0500

I'm designing a web page that has boxes that you can click to make slide open and close. However, I don't know how to get the height of an element when it is defined in an external style sheet, or if it is 'auto'.

The problem is that I can't get the boxes to slide back to their original size. I have to make an argument in the function, and then guess what size the box actually is. This isn't desirable because the JavaScript functions I have made will be used in many parts of this project, and eventually, many parts of the page will be dynamic.

Is there a way to determine the height of an element if it has a height of 'auto', or has the height residing in an external style sheet?

Execute Javascript After Iframe Has Loaded..?

Tue, 03 Nov 2009 16:21:45 -0500

how would I Execute some JavaScript code only After and IFrame has 100% loaded on a webpage..??

Passing Listboxes As Parameters To A Function

Tue, 03 Nov 2009 10:33:19 -0500

I have a web form with 3 pairs of listboxes, 6 listboxes total. I perform exactly the same actions in a pair by pair basis so I would like to use the same function code for the 3 pairs passing 2 listboxes as parameters depending on which pair will be used.

Is it possible to indicate a function that a parameter is a listbox?
Please advice.

Best regards,
Jorge Maldonado

Copying Selected Text From Any Browser Window To One Static Page

Tue, 03 Nov 2009 02:46:14 -0500

Hey guys i want a feature that whenever i select any text from any browser's page ,it get copied to a small pop-up like window or my static page.
please help guys. i am not getting any idea of it.

Changing Background Position

Mon, 02 Nov 2009 19:57:04 -0500

hi,

U have been trying to change the background position property but mozilla brower does not support style.backgroundPositionX but mozilla does not except that. So I have now changed my function to this but it does now work.

Could someone help thanks.

gary

CODE

var x = 10; //Starting Location - left
var y = 10; //Starting Location - top
var dest_x = 400; //Ending Location - left
var dest_y = 200; //Ending Location - top
intervalX = Math.ceil(dest_x/dest_y);
intervalY = Math.ceil(dest_y/dest_x)

function moveimg() {
if(x > dest_x) {
x -= intervalX;
} else if(x < dest_x) {
x += intervalX
}
if(y > dest_y) {
y -= intervalY;
} else if(y < dest_y) {
y += intervalY
}
// Just in case we're closer to the destination than the motion interval
if(Math.abs(dest_x - x) < intervalX) x = dest_x;
if(Math.abs(dest_y - y) < intervalY) y = dest_y;

if (x != dest_x || y != dest_y) {
// Repeat the operation
document.getElementById("landscape").style.backgroundPosition = 'x+'px' 'y+'px";

window.setTimeout(moveimg,300);
}
}

Mouseover And Out

Mon, 02 Nov 2009 18:45:32 -0500

Evening,

Not sure what I am doing wrong here in particulair, but I thought this should work.

CODE

and i got this result:

The number is 0
The number is 0.02
The number is 0.04
The number is 0.06
The number is 0.08
The number is 0.1
The number is 0.12
The number is 0.14
The number is 0.16
The number is 0.18
The number is 0.2
The number is 0.22
The number is 0.24
The number is 0.26
The number is 0.28
The number is 0.3
The number is 0.32
The number is 0.34
The number is 0.36
The number is 0.38
The number is 0.4
The number is 0.42
The number is 0.44
The number is 0.46
The number is 0.48
The number is 0.5
The number is 0.52
The number is 0.54
The number is 0.56
The number is 0.58
The number is 0.6
The number is 0.62
The number is 0.64
The number is 0.66
The number is 0.68
The number is 0.7
The number is 0.72
The number is 0.74
The number is 0.76
The number is 0.78
The number is 0.8
The number is 0.82
The number is 0.84
The number is 0.86
The number is 0.88
The number is 0.9
The number is 0.92
The number is 0.940000000000001
The number is 0.960000000000001
The number is 0.980000000000001
The number is 1
The number is 1.02
The number is 1.04
The number is 1.06
The number is 1.08
The number is 1.1
The number is 1.12
The number is 1.14
The number is 1.16
The number is 1.18
The number is 1.2
The number is 1.22
The number is 1.24
The number is 1.26
The number is 1.28
The number is 1.3
The number is 1.32
The number is 1.34
The number is 1.36
The number is 1.38
The number is 1.4
The number is 1.42
The number is 1.44
The number is 1.46
The number is 1.48
The number is 1.5
The number is 1.52
The number is 1.54
The number is 1.56
The number is 1.58
The number is 1.6
The number is 1.62
The number is 1.64
The number is 1.66
The number is 1.68
The number is 1.7
The number is 1.72
The number is 1.74
The number is 1.76
The number is 1.78
The number is 1.8
The number is 1.82
The number is 1.84
The number is 1.86
The number is 1.88
The number is 1.9
The number is 1.92
The number is 1.94
The number is 1.96
The number is 1.98
The number is 2
The number is 2.02
The number is 2.04
The number is 2.06
The number is 2.08
The number is 2.1
The number is 2.12
The number is 2.14
The number is 2.16
The number is 2.18
The number is 2.2
The number is 2.22
The number is 2.24
The number is 2.26
The number is 2.28
The number is 2.3
The number is 2.32
The number is 2.34
The number is 2.36
The number is 2.38
The number is 2.4
The number is 2.42
The number is 2.44
The number is 2.46
The number is 2.48
The number is 2.5
The number is 2.52
The number is 2.54
The number is 2.56
The number is 2.58
The number is 2.6
The number is 2.62
The number is 2.64
The number is 2.66
The number is 2.68
The number is 2.7
The number is 2.72
The number is 2.74
The number is 2.76
The number is 2.78
The number is 2.8
The number is 2.82
The number is 2.84
The number is 2.86
The number is 2.88
The number is 2.9
The number is 2.92
The number is 2.94
The number is 2.96
The number is 2.98
The number is 3
The number is 3.02
The number is 3.04
The number is 3.06
The number is 3.08
The number is 3.1
The number is 3.12
The number is 3.14
The number is 3.16
The number is 3.18
The number is 3.2
The number is 3.22
The number is 3.24
The number is 3.26
The number is 3.28
The number is 3.3
The number is 3.32
The number is 3.34
The number is 3.36
The number is 3.38
The number is 3.4
The number is 3.42
The number is 3.44
The number is 3.46
The number is 3.48
The number is 3.5
The number is 3.52
The number is 3.54
The number is 3.56
The number is 3.58
The number is 3.6
The number is 3.62
The number is 3.64
The number is 3.66
The number is 3.68
The number is 3.7
The number is 3.72
The number is 3.74
The number is 3.76
The number is 3.78
The number is 3.8
The number is 3.82
The number is 3.84
The number is 3.86
The number is 3.88
The number is 3.9
The number is 3.92
The number is 3.94
The number is 3.96
The number is 3.98
The number is 4
The number is 4.02
The number is 4.04
The number is 4.06
The number is 4.08
The number is 4.1
The number is 4.12
The number is 4.14
The number is 4.16
The number is 4.18
The number is 4.2
The number is 4.22
The number is 4.24
The number is 4.26
The number is 4.28
The number is 4.3
The number is 4.32
The number is 4.34
The number is 4.36
The number is 4.37999999999999
The number is 4.39999999999999
The number is 4.41999999999999
The number is 4.43999999999999
The number is 4.45999999999999
The number is 4.47999999999999
The number is 4.49999999999999
The number is 4.51999999999999
The number is 4.53999999999999
The number is 4.55999999999999
The number is 4.57999999999999
The number is 4.59999999999999
The number is 4.61999999999999
The number is 4.63999999999999
The number is 4.65999999999999
The number is 4.67999999999999
The number is 4.69999999999999
The number is 4.71999999999999
The number is 4.73999999999999
The number is 4.75999999999999
The number is 4.77999999999999
The number is 4.79999999999999
The number is 4.81999999999999
The number is 4.83999999999998
The number is 4.85999999999998
The number is 4.87999999999998
The number is 4.89999999999998
The number is 4.91999999999998
The number is 4.93999999999998
The number is 4.95999999999998
The number is 4.97999999999998
The number is 4.99999999999998

Can anyone please explain this discrepancy??

This is an observation with any programming language, not specific to vbScript.

How To Command Java Script With Url

Sat, 31 Oct 2009 07:37:48 -0400

For a sample :
I have my website, which the URL is http://www.mytestsite.com/ < just example not my real Site URL
and in The file "index.php", which contain JavaScript command function such as "onHoverTest()" or "clickTest()"

the function : onHoverTest() will run its process, when mouse pointer is hover on Web Object (picture, link, etc)
and function : clickTest() will run its process, when user click the Web Object (picture, link, etc)

So, this is my questions:
1. If some times I want to run one of all functions process at the page start , Without processing condition.
- Can I add some command to run script on the address bar after normal URL (Eg. http://www.mytestsite.com/ "add command for runnig script here" ) or anyway?

2. If I want to add some JavaScript command(that have not in the "index.php" file)
- can I add it using addressbar after URL (Eg. http://www.mytestsite.com/ "add new JavaCript here") or anyway?

Thanks you all for answers
If you want more information about my questions Please Reply to ask for it

PS.
I'm not good in using English Language.
if I use unproper word, Please forgive me

Javascript Esercise

Sat, 31 Oct 2009 06:05:57 -0400

Hi, i am trying to solve this exercise:

Write a script who asks numerical series.
When the user inserts the keywords "end", it stops.
If the user inserts an invalid value alert something.
Confirm before to calculate the arithmetic mean.
Print the result in a table.

this is my code:

CODE

        var stop="end";
        num=prompt("Inserisci un numero","");
        document.write(num);
        var numero=isNaN(num);



        while(num!=stop)
        {
        num=prompt("Inserisci un numero","");
        document.write(num+ "<br>");


        }

        if (numero==true) {
        alert("� possibile inserire solo interi");
        }


        }

Validating Generated Form Elements?

Fri, 30 Oct 2009 07:08:52 -0400

Hi guys,

I've been creating this upload page which generates hidden form elements to store data in order to be submitted and processed via php.
Before I got to that stage I used the gen validator script and that was all fine before because the design was different before I took over.

However having reached this stage I realised that with so many elements that can potentially be on the page, I didn't want to define every possible field.
Like so far I've set the maximum file upload to 12, and if I write out all the possible generated fields in the script I'd end up with probably
+100 lines of code just for the sake of validating.

So I was thinking of possibly sorting these form elements IDs into arrays and link them to the validation parts.
So my idea is something like

var myTitles=new Array();
myTitles[0]="singletitle1";
myTitles[1]="singletitle2";
myTitles[2]="singletitle3";

var myyear=new Array();
myTitles[0]="1998";

etc...

And then linking the validation parts with myTitles because all the IDs are stored in there.
I was just wondering if this was a good idea and if it's possible because the idea seems to make sense in my strange head.
Or if you have a better idea how I can validate these generated elements I'm open to suggestions! Many thanks in advance!
Or a smarter thing to do is possibly use loops?

For your reference:

http://cpulse.dmu.ac.uk/upload/Alternative.../albupload.html

Please Give Clarification Of Upload Ways

Fri, 30 Oct 2009 04:32:56 -0400

Hello all!
Can you please help to find answers on my questions?
it is known that the Internet has some ways to submit a form without page reloading.
One of them is iframe creation inside a page and assign onload callback to react for response of a server script.

Here is an example of iframe creation which I can find from the Internet:

CODE

function createIframe(...) {
...
var n = 'f' + Math.floor(Math.random() * 99999);
var d = document.createElement('DIV');
d.innerHTML = '<iframe style="display:none" src="about:blank" id="'+n+'" name="'+n+'" onload="onResponse(this)"></iframe>';

1. Above code is called on each submit. So why there is a need to create one iframe per one submit?
2. in case I need one iframe can I declare it using original html tag and do not use javascript? Why javascript is better in case is better?
like this

CODE

May be latest question seems strange but I wounder why a lot of examples create iframes by javascript. I guess write html code simpler than javascript one.

Making Ajax-website Compatibel

Thu, 29 Oct 2009 19:56:53 -0400

Ok I was dealing with the following problem all day long:

I succesfully made my adminpanel and it works in both non-javascript browsers and javascript-enabled browsers. I also use

wasn't enough to hide javascript functions so I started using a javascript function that switches between display:none; and display:block; using DOM:<br /><br /><div id="javascriptEnabled">Een stuk tekst</div><br /><div id="javascriptDisabled">Een stuk tekst</div><br /><br />It seem to work out for me when I stumbled on the next problem:<br />My Serversided php code makes everything in functions. When a function is just for processing, no output will be given, but when it is a function that returns output I have to include a header.php and a footer.php<br /><br /><div class='codetop'>CODE</div><div class='codemain'>function withoutput()<br />{<br />  include("header.php");<br />  <br />  echo "This is a testpage";<br /><br />  include("footer.php");<br /><br />}</div><br /><br />I have made my entire website with this layout and it is similar to the phpnuke philosophy. I call every page with a switch:<br /><br /><div class='codetop'>CODE</div><div class='codemain'>switch($task) <br />{<br />  case "withoutput":<br />    withoutput();<br />    break;        <br />    default:<br />      index();<br />}</div><br /><br />No the problem:<br /><br />When I want to do the same using AJAX it still works. I just send the output of the function to a <div="MainPage"></div> using innerHTML. Now in this case include("header.php"); and include("footer.php"); are not needed since there will be multiple headers in that case.<br /><br />I tryed making an AJAX code that checks for enabled javascript sends back the results to a php script on a server witch places a cookie that says: javascript=1 (or javascript is enabled) but every time the page still has to be refreshed in order for the cookie to become active.<br /><br />Can anone please help me with this? </article> <article> <h1>Javascript Getting Binary Blob Of Input File Data</h1> <p>Wed, 28 Oct 2009 20:58:01 -0400</p> Is there anyway to do this in Chrome? I see in Firefox there are APIs available which work. I feel like I'm looking in the wrong place... What I would like is a file upload that javascript can read without having to post it to php and retrieve it back.<br /><br />getAsDataURL exists in FF and not in Chrome, and I'm looking for something that works for chrome.<br /><br />Thanx, </article> <article> <h1>Error When Trying To View The 'preview' Tab In Ms Visual Studio</h1> <p>Wed, 28 Oct 2009 14:31:12 -0400</p> My computer was updated yesterday with the latest MS Vulnerability patch (Microsoft Vulnerability update /aka...MS09-054 Cumulative Security Update) So, today while working in Microsoft Visual Studio, I was able to view the 'Data' tab contents of the report and the 'Layout' tab of the report. However, when I clicked on the 'Preview' tab, I received an error message...<br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'>An error occurred during local report processing. The definition of the report '/Catalog ID Inventory Items' is invalid. An unexpected error occurred in Report Processing. Cannot execute a program. The command being executed was "c:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\vbc.exe" /noconfig @'C:\Documents and Settings\username\Local Settings\Temp\uzuwffro.cmdline".</div><br /><br />I've spent hours searching for related items on the Internet to see if there was a solution to the problem or if anyone else has experienced this same type of issue, but unfortunately, no results found that I could find.<br /><br />If anyone has any insight as to how to resolve this issue, or any suggestions, please let me know as soon as possible so that I can move on with my work.<br /><br />Thanks!<br /><br /> </article> <article> <h1>Setattribute Preferred But What About Style Elements?</h1> <p>Wed, 28 Oct 2009 10:30:27 -0400</p> Is there a more appropriate way to set just a single style attribute? I want to bold an element which has a previous style already set. Currently I use input.style.fontWeight. Feels like the only correct way to do this, but I am wondering whether this is the correct way?<br /><br />Perhaps a function like setSubAttribute?<br /><br />Could you also explain why fontWeight is font-weight sometimes? What's the rule for those naming conventions? The string for style contains font-weight, the setAttribute requires font-weight, and the input.style.fontWeight is correct.<br /><br />Thanx,<br /> </article> <article> <h1>Executing Code After Submitting A Form</h1> <p>Tue, 27 Oct 2009 17:27:46 -0400</p> Just a quick question, when you submit an html form via document.form.submit() can you still execute code after that? Or possibly, submit to a new window? I know there's a target attribute for forms, but it's deprecated so is there another way?<br /><br />Thanks,<br />jkloth </article> <article> <h1>Stack Overflow At Line: 0</h1> <p>Tue, 27 Oct 2009 15:30:15 -0400</p> I am making an imageviewer that loads an image throug the window.location.search but when the image is loaded I get an alert that says:<br /><br />Stack overflow at line: 0<br /><br /><br />window.location.search is ?img=210&year=2007-2008&type=big<br /><br /><div class='codetop'>CODE</div><div class='codemain'>function getImage()<br />{<br />var img=window.location.search.substr(1).split("&");<br />var img=image[0].split("=")[1];<br />var year=image[1].split("=")[1];<br />var type=image[2].split("=")[1];<br />var src="../" + year + "/" + type + "/" + img + ".bmp";<br /><br />return src;<br />}</div><br /><br />the .bmp is because 1: its curently in my pc<br />and 2: jpg, gif, ... doesn't work </article> <article> <h1>Jquery $(document).ready</h1> <p>Tue, 27 Oct 2009 11:57:28 -0400</p> I'm working on a simple news ticker that is supposed to just swap an image and text blurb out. I've got the onClick working for the story headers, but I can't get the auto-change working.<br />I ripped a bunch of this out of a different jQuery tutorial that didn't quite apply, so I've probably messed that up somehow.<br />Right now Safari gives me a "TypeError: Result of expression '$' [undefined] is not a function." error at that line in the js file (but allows other functions in the file to run just fine) while FF seems to just ignore the entire file.<br /><br />Safari is finding the error at the first line of this (the $(document) line), and if I delete everything within the function, it is still getting the error, so I'm not sure what is wrong. jQuery is being included elsewhere.<br /><div class='codetop'>CODE</div><div class='codemain'>$(document).ready(function() {<br />    var speed = 5000;<br />    var run = setInterval('ticker(0)', speed);<br />    <br />    $('#news_content').hover(  <br />      <br />        function() {  <br />            clearInterval(run);  <br />        },   <br />        function() {  <br />            run = setInterval('ticker(0)', speed);    <br />        }  <br />    );<br />    <br />    $('#links a').click(function () {  <br />        //stop the slide show  <br />        clearInterval(run);     <br />          <br />        //resume the slideshow  <br />        run = setInterval('ticker(0)', speed);   <br />        return false;  <br />    });<br />});</div><br /><br />I'd take another simpler solution to this (auto-change script) as well if you know of one. </article> <article> <h1>Passing From On Ajax Div To Another</h1> <p>Tue, 27 Oct 2009 11:38:30 -0400</p> I am having trouble trying to figure out how to update my sidebar using ajax.<br /><br />Right now I have an open button on my sidebar that loads up some php in another div. The SQL selected in this div is supposed to the propagate back to the div containing the sidebar.<br /><br />Any ideas? </article> <article> <h1>Textarea Control</h1> <p>Tue, 27 Oct 2009 01:26:14 -0400</p> Hey all,<br /><br />I have a script that limit characters and lines entered by users in a textarea..<br /><br />i want instead of throwing that alert message to jump to the next line and the user can continue writing, here is the script:<br /><br /><div class='codetop'>CODE</div><div class='codemain'><script type="text/javascript"><br /><br />var alert_title='Input Restriction';<br /><br />function limitTextarea(el,maxLines,maxChar){<br />    if(!el.x)<br />    {<br />        el.x=uniqueInt();<br />        el.onblur=function(){clearInterval(window['int'+el.x])}<br />    }<br />    window['int'+el.x]=setInterval(function(){<br />        var lines=el.value.replace(/\r/g,'').split('\n'),<br />        i=lines.length,<br />        lines_removed,<br />        char_removed;<br />        if(maxLines&&i>maxLines){<br />            alert('You can not enter\nmore than '+maxLines+' lines');<br />            lines=lines.slice(0,maxLines);<br />            lines_removed=1<br />        }<br />        if(maxChar){<br />            i=lines.length;<br />            while(i-->0)if(lines[i].length>maxChar){<br />                lines[i]=lines[i].slice(0,maxChar);<br />                   char_removed=1<br />            }<br />            if(char_removed)<br />            alert('You can not enter more\nthan '+maxChar+' characters per line')<br />        }<br />        if(char_removed||lines_removed)<br />            el.value=lines.join('\n')<br />        },50);<br />}<br /><br />function uniqueInt(){<br />    var num,maxNum=100000;<br />    if(!uniqueInt.a||maxNum<=uniqueInt.a.length)uniqueInt.a=[];<br />    do num=Math.ceil(Math.random()*maxNum);<br />    while(uniqueInt.a.hasMember(num))<br />    uniqueInt.a[uniqueInt.a.length]=num;<br />    return num<br />}<br /><br />Array.prototype.hasMember=function(testItem){<br />var i=this.length;<br />while(i-->0)if(testItem==this[i])return 1;<br />return 0<br />};<br /></script></div><br /><br /><br />The HTML<br /><br /><div class='codetop'>CODE</div><div class='codemain'><textarea onFocus="limitTextarea(this,5,40)" wrap="soft"></textarea></div><br /><br />please help! </article> <article> <h1>Write Something From Radio Button Choice</h1> <p>Mon, 26 Oct 2009 10:52:20 -0400</p> I'm trying to get a reaction from a radio button choice: If a person chooses 'Single', nothing happens. If they choose 'Married', an input box appears to allow them to enter their spouse's name.<br /><br /><div class='codetop'>CODE</div><div class='codemain'><html><br /><head><br /><script type="text/javascript"><br />  {<br />  document.getElementById("answer");<br />  }<br />  <br />  if (value = married)<br />  {<br />  document.write("Spouse's Full Name: <input type="text" size="20">");<br />  }<br /></script><br /></head><br /><body><br /><form><br />Your Marital Status: <br /><input type="radio" name="answer" onclick="check(this.value)" value="single">Single<br /><input type="radio" name="answer" onclick="check(this.value)" value="married">Married<br /><br /></form><br /></body><br /></html></div> </article> <article> <h1>Event Return False Contines To "bubble"</h1> <p>Sun, 25 Oct 2009 16:09:55 -0400</p> Greetings again!<br /><br />I'm having trouble cancelling an onclick event from executing in javascript when I try to pass parameters to the onclick function. What I'm attempting to accomplish is to have an <a> perform some AJAX functions if the user has javascript enabled, otherwise process the <a> normally. If I don't pass any parameters, this block works fine;<br /><br /><div class='codetop'>CODE</div><div class='codemain'><script...><br />function changePage()<br />{<br />   alert("Changing Page");<br />   return false;<br />}<br /><br />document.getElementById('p1').onclick = changePage;<br /></script><br /><br /><html...><br /><ul id="nav_menu"><br /><li id="menu1"><a id="p1" href="index.php?p=p1"></a></li><br />...<br /></html></div><br /><br />However if I want to pass a parameter to my changePage function;<br /><br /><div class='codetop'>CODE</div><div class='codemain'><script...><br />function changePage(pageNum)<br />{<br />   alert(pageNum);<br />   return false;<br />}<br /><br />document.getElementById('p1').onclick = function(){changePage('p1')};<br /></script><br /><br /><html...><br /><ul id="nav_menu"><br /><li id="menu1"><a id="p1" href="index.php?p=p1"></a></li><br />...<br /></html></div><br /><br />The alert window displays, but then continues to redirect the page to the link. Can someone point out what I'm missing?<br /><br />Thanks </article> <article> <h1>Passing Object B/w Javascript And Php</h1> <p>Sat, 24 Oct 2009 22:06:53 -0400</p> I have been looking around and I can't seem to find any simple way of passing arrays of objects between js and php. I have already started encoding my object array into field=val&.... post arrays and I'm passing the information this way.<br /><br />Is there a better way? I've read about XML but I don't see any native support in both js and php for encoding and decoding. The same issue exists for JSON.<br /><br />What am I missing?<br /><br />What I'd most like is to have an object itemArray and pass it string encoded to myXHR.send() function. And on callback have some function to decode xhr.responseText back to an object. Does something standard exist?<br /><br />Thanx, </article> <article> <h1>Changing Just The Table Background Color</h1> <p>Sat, 24 Oct 2009 13:10:21 -0400</p> I have used JavaScript to change the document bgcolor of a web page and it works fine. BUT I now have my page formatted with a table about 800 pixels centered in the page. The problem is I do not wish to change the bgcolor of the whole page now but just the table. I am a novice at JavaScript, and have tried several things, including css and z-index to no avail. Here is the code I use now:<br /><div class='codetop'>CODE</div><div class='codemain'><table border="1" cellpadding="0" cellspacing="1" bordercolor="#000000"><br />            <tr><br />              <td bgcolor="#000000"><a href="java script:void(0)" onmouseover="document.bgColor='#000000',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#000080"><a href="java script:void(0)" onmouseover="document.bgColor='#000080',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#0000FF"><a href="java script:void(0)" onmouseover="document.bgColor='#0000FF',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#4B0082"><a href="java script:void(0)" onmouseover="document.bgColor='#4B0082',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#800080"><a href="java script:void(0)" onmouseover="document.bgColor='#800080',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#FF00FF"><a href="java script:void(0)" onmouseover="document.bgColor='#FF00FF',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#00FFFF"><a href="java script:void(0)" onmouseover="document.bgColor='#00FFFF',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#008080"><a href="java script:void(0)" onmouseover="document.bgColor='#008080',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#008000"><a href="java script:void(0)" onmouseover="document.bgColor='#008000',document.fgColor='#ffffff'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#00FF00"><a href="java script:void(0)" onmouseover="document.bgColor='#00FF00',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#FFFF00"><a href="java script:void(0)" onmouseover="document.bgColor='#FFFF00',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#FFA500"><a href="java script:void(0)" onmouseover="document.bgColor='#FFA500',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />              <td bgcolor="#FF0000"><a href="java script:void(0)" onmouseover="document.bgColor='#FF0000',document.fgColor='#000000'"><img src="../block.gif" border="0" width="25" height="25" /></a></td><br />            </tr></table></div><br />Is there a way to change "document" to "table" using JavaScript? Oh the block.gif is just a 2 pixel transparent gif </article> <article> <h1>Regexp Problem.</h1> <p>Sat, 24 Oct 2009 12:32:17 -0400</p> I don't know why isn't my code not working. <br /><br /><div class='codetop'>CODE</div><div class='codemain'>var str="doamin.com/index.php?something=bah";<br />var patt=new RegExp("?");<br />var pat=new RegExp("&");<br /><br />document.write("Test if we find " + patt + " in " + str + ": ")<br /><br />if (patt.test(str)==true)<br />{<br />document.write("Match found!");<br />}<br />else if(pat.test(str)==true)<br />{<br />document.write("Match found!");<br />}<br />else<br />{<br />document.write("Match not found");<br />}</div> </article> <article> <h1>How To Keep Certain Text Selected/focussed In Textarea</h1> <p>Sat, 24 Oct 2009 07:37:47 -0400</p> i use the following function in my custom cms to highlight text and turn it into an anchor link<br /><br />it works, however once its done the cursor seems to go to the start of the line in the textarea - i want to still be highlighting the text or at least have the cursor near it, would save me loads of time thanks!!!!!<br /><br /><br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'>function CreateALink(xId) {<br /> // code for Mozilla <br /> var textarea = document.getElementById(xId); <br /> <br /> var len = textarea.value.length; <br /> var start = textarea.selectionStart; <br /> var end = textarea.selectionEnd; <br /> var sel = textarea.value.substring(start, end); <br /> <br /> // This is the selected text and alert it <br /> //alert(sel); <br /> <br /> var replace = '<a href=\"\" title=\"' + sel + '\">' + sel + '</a>'; <br /> <br /> // Here we are replacing the selected text with this one <br /> textarea.value = textarea.value.substring(0,start) + replace + textarea.value.substring(end,len);<br /> <br /> }</div> </article> <article> <h1>Ajax Post And Get</h1> <p>Fri, 23 Oct 2009 13:59:24 -0400</p> Hey people I am new on this forum and I signed in with the hope to know more about AJAX. My goal is to make a website that is completely controlled by AJAX. So I started experimenting with some tutorials. (all from w3schools) <br /><br /><b>The first function I successfully made was the GetXmlHttpObject(). Nothing difficult, just copy/paste. </b><br /><br /><div class='codetop'>CODE</div><div class='codemain'><script language='JavaScript'><br />&lt!--<br />function GetXmlHttpObject()<br />{<br />  var xmlhttp;<br />  if (window.XMLHttpRequest)<br />  {<br />    // code for IE7+, Firefox, Chrome, Opera, Safari<br />    xmlhttp=new XMLHttpRequest();<br />  }<br />  else if (window.ActiveXObject)<br />  {<br />    // code for IE6, IE5<br />    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");<br />  }<br />  else<br />  {<br />    alert("Your browser does not support XMLHTTP!");<br />  }<br />    return xmlhttp;<br />}<br />--><br /></script></div><br /><br /><br /><b>The second function was also not a very big deal: </b><br /><br /><div class='codetop'>CODE</div><div class='codemain'><script language='JavaScript'><br />&lt!--<br />//Send data to server, handle server-side scripts and send back data<br />function UpdateSSGET(url, functionname)<br />{<br />  xmlhttp=GetXmlHttpObject();<br />  xmlhttp.onreadystatechange= function() <br />  { <br />        var test = functionname;<br />    eval(test + '(url)');<br />    };<br />  xmlhttp.open("GET",url,true);<br />  xmlhttp.send(null);  <br />}<br />//--><br /></script></div><br /><br />The above code sends the given url to the server-sided script and returns a output to the given function-name:<br /><div class='codetop'>CODE</div><div class='codemain'>UpdateSSGET('index.php?key1=value1&key2=value2', 'ClientSideFunction');</div><br /><b><br />for me the above codes works perfectly. Now I tried the same with the POST version:</b><br /><br /><div class='codetop'>CODE</div><div class='codemain'><script language='JavaScript'><br />&lt!--<br />function TestPost(sendValues, url)<br />{<br />    alert("Working alert function"); //The function is called because it gives this warning. Also both function values are send in the correct way<br />  xmlhttp=GetXmlHttpObject();<br />    xmlhttp.onreadystatechange= function() <br />    {<br />    if(xmlhttp.readyState == 4)<br />    {<br />          alert("tester"); //This alert refuses to show up<br />      }  <br />    };    <br />    xmlHttp.open("POST", url, true);<br />  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");<br />  xmlHttp.send(Sendvalues);<br /><br />    <br />}<br /><br />//--><br /></script></div><br /><br />The above script is called and also the variables: URL and sendValues are given in the correct way. Also the server-sided page exists. I made a file called test.php. Inside was a script:<br /><br /><div class='codetop'>CODE</div><div class='codemain'><?php echo "test"; ?></div><br /><br />And I called the function: <br /><div class='codetop'>CODE</div><div class='codemain'>TestPost('test1=testvalue&test2=testvalue2', 'test.php')</div><br /><br />No matter what I try, it looks like the function not even tried to connect to the server-sided 'test.php'. With a little help from searching trough this forum, I installed Firebug. When I look at the requests, all my $_GET requests (connected trough my UpdateSSGET function) are visible, to bad it does not show any form of requesting test.php.<br /><br />I tried to make this explanation as clear as possible so I hope that you people are able to help me. </article> <article> <h1>Changing Text/labels For Checkboxes</h1> <p>Thu, 22 Oct 2009 14:23:27 -0400</p> This relates directly to my previous topic <a href="http://w3schools.invisionzone.com/index.php?showtopic=28227" target="_blank">here</a>. I couldn't find another topic to answer this question.<br /><br />I'm resorting a list of checkboxes. I've done everything I need to do except change the text displayed with the checkbox. I thought it would be more straight forward. I think I know how to get it to work using some examples I found, but I'd like to know the <i>proper</i> way to do it.<br /><br />To start, I don't think I'm defining the checkbox and label properly. I'm using the common shortcut of just putting the text after the <INPUT> tag. I think I should use the <LABEL> tag. My checkboxes are all named the same thing. Does this mean that I can't use the "FOR" attribute on the <LABEL> tag? How do I find which label goes with the checkbox that I'm changing? Do I just assume that the label is the next element on the form? Or is there a better way to do this?<br /><br />Thank you in advance! </article> <article> <h1>Problem Passing Variable In Function</h1> <p>Thu, 22 Oct 2009 10:23:04 -0400</p> I am trying to write a function that alerts a user based on their input. The idea was to have several forms on 1 page with different id or name fields for each form but the same id or name for each input type within each form. I am trying to pass the number of tthe form to the function so it slelects the correct form but can't get the form to select properly<br /><br /><div class='codetop'>CODE</div><div class='codemain'><form name='modifydailyentry1' id='modifydailyentry1' method='post' action='modify.php' onsubmit='return exactdates(1)'><br /><select id='setyear' name='setyear'><br /><option value='0'>-</option><br /><option value='2008'>2008</option><br /><option value='2009'>2009</option><br /></select> <br /></form></div><br /><br />Several copies of the above form are on the same page but the number after modifydailyentry increase by 1 for each form. The setyear name and id allways say setyear for each form<br /><br /><div class='codetop'>CODE</div><div class='codemain'>function exactdates(passme)<br />{<br />var currentdateyIndex = document.modifydailyentry+passme.setyear.selectedIndex;<br />var currentdatey = document.modifydailyentry+passme.setyear[currentdateyIndex].value;<br />//other code runs here</div><br /><br />Any ideas? </article> <article> <h1>How To Read Screen Resolution Right With Ie8</h1> <p>Thu, 22 Oct 2009 08:15:19 -0400</p> At <a href="http://www.w3schools.com/js/tryit.asp?filename=tryjs_browsermonitor" target="_blank">http://www.w3schools.com/js/tryit.asp?file..._browsermonitor</a> I receive wrong reading of my screen resolution values with IE8:<br />Screen resolution: 1024*640<br />Available view area: 1024*618<br />Color depth: 32<br />Buffer depth: 0<br />DeviceXDPI: 120<br />DeviceYDPI: 120<br />LogicalXDPI: 96<br />LogicalYDPI: 96<br />FontSmoothingEnabled: false<br />PixelDepth: undefined<br />UpdateInterval: 0<br /><br />My computer has non-standard DeviceXDPI and DeviceXDPI values, which are equal to 120 and not to 96. When I modify a part of the javascript code I receive right result:<br /><br />Screen resolution: 1280*800<br />Available view area: 1280*772.5<br /><br />Here is the snippet: <br /><br /><span style="color:#FF0000">document.write("Screen resolution: ");</span>width = screen.width; <br />height = screen.height;<br />availwidth = screen.availWidth;<br />availheight = screen.availHeight;<br />if (typeof(screen.deviceXDPI) == 'number') {<br />width *= screen.deviceXDPI/screen.logicalXDPI;<br />height *= screen.deviceYDPI/screen.logicalYDPI;<br />availwidth *= screen.deviceXDPI/screen.logicalXDPI;<br />availheight *= screen.deviceYDPI/screen.logicalYDPI;<br />}<br />document.write(width + "*" + height);<br />document.write("<br />");<br />document.write("Available view area: ");<br />document.write(availwidth + "*" + availheight);<br />document.write("<br />");<br /><span style="color:#FF0000">document.write("Color depth: ");</span><br /><br /> Best regards </article> <article> <h1>Javascript Toggle Problem</h1> <p>Wed, 21 Oct 2009 17:14:13 -0400</p> I have a pretty nifty JavaScript toggle that I found on some site, and customized for use on my ASP.NET (VB.NET) site. It works great, except for one thing: when a user causes a client-side postback because AutoPostBack is set to true on the ASP.NET page's web control, the current toggled state goes away, and that toggle pane is closed (DIPLAY:NONE;).<br /><br />I need for the toggled window to maintain whatever state it's in when a user causes a client-side postback on the form. Does anyone know how to do this? I'd appreciate any help. Here is my code:<br /><br /><b>JavaScript Code</b><br />//Source: <a href="http://blog.movalog.com/a/javascript-toggle-visibility/" target="_blank">http://blog.movalog.com/a/javascript-toggle-visibility/</a>, scroll down to Neeraj Maurya<br />function swaptabs (showthis,hidethis) {//begin function<br /> var style2 = document.getElementById(showthis).style;<br /> style2.display = "block";<br /> var style3 = document.getElementById(hidethis).style;<br /> style3.display = "none";<br />}//end function<br /><br /><b>ASP.NET Code: (only section referenced)</b><br /><div class='codetop'>CODE</div><div class='codemain'><form id="formContactInfo" name="formContactInfo" enctype="multipart/form-data" runat="server"><br />        <table align="center" id="ContactInfoToggle"><br />                <tr><br />                        <td colspan="2" align="center">Contact Info</td><br />                    </tr><br />                    <tr><br />                                <td colspan="2" align="center"><br />                            <div id="Section-closed" name="Section-closed" style="DISPLAY: block"><br />                                <a href="java script:swaptabs('Section-open','Section-closed');"><br />                                    [+]<strong> Add Section</strong><br />                                </a><br />                            </div><br />                        </td><br />                    </tr><br />                </table><br /><br />                <div id="Section-open" name="Section-open" style="DISPLAY: none"><br />                <table align="center" id="ContactInfo"><br />                        <tr><br />                            <td colspan="2" align="center"><br />                                <a href="java script:swaptabs('Section-closed','Section-open');"><br />                                    [-] Collapse Section<br />                                </a><br />                            </td><br />                        </tr><br />                        <tr><br />                            <td align="right" width="20%"><br />                                Full Name<br />                            </td><br />                            <td width="80%"><br />                                <asp:Textbox ID="txtFullName" columns="20" MaxLength="50" runat="server" /><br />                        </td><br />                        </tr><br />                </table><br />                </div><br /></form></div> </article> <article> <h1>Drop Menu Help</h1> <p>Wed, 21 Oct 2009 02:42:20 -0400</p> Hey everyone i have been at this for weeks and now im turning to you guys for help.<br /><br />Im trying to make a vertical drop menu on my, but im kinda stuck.<br /><br /><br /><br />I have already sorted out the right image issue so please ignore that one.<br />I want to make the middle image look like the left image.<br /><br />Is there a way i can replace the class with an actual image?<br />I want to have the menu look like the original but operate like a drop menu.<br /><br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><table width="240" border="0" cellpadding="0" cellspacing="0"><br /><tr><br /><td width="230" class="vbmenu_control" id="garage"><a href="#">Garage - Time Slips - Dyno Sheets</a><br /><script type="text/javascript">vbmenu_register("garage");</script><br /></td><br /><tr><br /><td id="classifieds" class="vbmenu_control"><a href="#">Classifieds</a><script type="text/javascript">vbmenu_register("classifieds");</script><br /></td><br /><tr><br /><td id="support" class="vbmenu_control"><a href="#">Support the Community</a><script type="text/javascript">vbmenu_register("support");</script><br /></td><br /><tr><br /><td id="supportingvendors" class="vbmenu_control"><a href="#">Supporting Vendors</a><script type="text/javascript">vbmenu_register("supportingvendors");</script><br /></td><br /><tr><br /><td class="vbmenu_control"><a href="http://www.localcobalt.net/forum/faq.php">Frequently Asked Questions</a></tr><br /></table><br />&lt!-- NAVBAR POPUP MENUS --><br /><br /></div><br /><br /><div id="header"><a href="$vboptions[forumhome].php$session[sessionurl_q]"></a></div><br /><br /><br />$cyb_flashimagebanners<br /><br /><br />&lt!-- GARAGE TOOLBAR --><br /><div class="vbmenu_popup" id="garage_menu" style="display:none"><br /><table cellpadding="4" cellspacing="1" border="0"><br /><tr><br /><td class="thead">Garage - Time Slips - Dyno Sheets</td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgarage.html">Main Garage Stats</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar...e.html">Browse Garage</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar...ips.html">Time Slips</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgarage-dyno.html">Dyno Sheets</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar...time.html">Lap Times</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar....html">Vehicle Search</a></td><br /><tr><br /><td class="thead">Reviews</td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar...ps.html">Store Reviews</a></td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/ICFgar...">Installation Reviews</a></td><br /><tr><br /><td class="thead">Garage Vendors List</td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/garage...iness">Vendors Lists</a></td><br /></td><br /></tr><br /></table><br /></div><br />&lt!-- CLASSIFIEDS TOOLBAR --><br /><div class="vbmenu_popup" id="classifieds_menu" style="display:none"><br /><table cellpadding="4" cellspacing="1" border="0"><br /><tr><br /><td class="thead">Classifieds</td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/classifieds/...p/cat/1">Parts for Sale</a></td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/classifieds/...hp/cat/3">Cars for Sale</a></td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/classifieds/...p/cat/20">Want to Trade</a></td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/classifieds/...p/cat/22">Misc. for Sale</a></td><br /></tr><br /></table><br /></div><br />&lt!-- SUPPORT TOOLBAR --><br /><div class="vbmenu_popup" id="support_menu" style="display:none"><br /><table cellpadding="4" cellspacing="1" border="0"><br /><tr><br /><td class="thead">Support the Community</td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Link1</td><br /></tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Link2</td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Link3</td><br /></tr><br /></table><br /></div><br />&lt!-- SUPPORTVENDOR TOOLBAR --><br /><div class="vbmenu_popup" id="supportingvendors_menu" style="display:none"><br /><table cellpadding="4" cellspacing="1" border="0"><br /><tr><br /><td class="thead">Support the Community</td><br /></tr><br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Supporting Vendor Info</td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Supporting Vendors List</td><br /></tr> <br /><tr><br /><td class="vbmenu_option"><a href="http://www.localcobalt.net/forum/index.php">Become a Supporting Vendor</td><br /></tr><br /></table><br /></div> </div><br /><br />Thank you in advance. </article> <article> <h1>Need Design Advice - Javascript Vs. Ajax, Etc.</h1> <p>Tue, 20 Oct 2009 22:00:44 -0400</p> I could use some advice about a design decision I need to make. First, let me explain the issue. I have a web report that requires the user to pick one or more items on which to report. There are nearly 600 items. The items are currently displayed by name and identification number. The list is not as bad as it sounds because the users know exactly what items they want and can search for them. The problem is that the items are sorted by name. Some users would like to be able to sort the items by ID number. I can think of several way to do this, but I'm not sure which is best. If the user changes the sort order, I'd like to keep track of the items they've already selected so that they don't have to select them again.<br /><br />The first way is to just create another page. This seems like it would be slower and less efficient. I'd have to post the form to track if any items were already selected before sending back the resorted list.<br /><br />The second way would be to use Javascript and DHTML. I haven't done anything like this before, but I think I know what to do. I could either have two lists, with one or the other hidden, or I could use Javascript to rebuild the list if the user changes the sort order. The downside to this might be that the code for the page could be really huge.<br /><br />The third way is to use AJAX. I could retrieve the sorted list from the server instead of having all of that Javascript code to store the list. I cache much of the data on the server, so the retrieval would be quick. I have to confess that I'm sort of excited about this option because I haven't had a chance to use AJAX yet. I'm not sure if this is the right solution.<br /><br />I guess what I'm looking for is some sort of input on what is the most efficient way to do this and what is the best practice. Any input would be appreciated. Sorry for the long post.<br /><br />Thanks in advance. </article> <article> <h1>Help With Jquery $.each() And Json</h1> <p>Tue, 20 Oct 2009 19:38:03 -0400</p> I am a little uncertain about the appropriate syntax for using $.each() in jQuery to interrogate JSON. Here is my script as it stands:<br /><br /><div class='codetop'>CODE</div><div class='codemain'>     $.ajax({<br />     url: 'do_chat.php5',<br />     type: 'post',<br />     data: ({'message':text,'poster':poster,'logged_in':logged_in}),<br />     dataType: 'json',<br />     success: function(data) {<br />       $.each(data, function(entryIndex, entry) {<br />       if(entry['time'] > '10000000000000000') {<br />     $('#chatWindow').append(data);<br />       }<br />       });</div><br /><br />This function sends the relevant data to 'do_chat.php5' and returns JSON, which looks like the following:<br /><br />{"poster":"","message":"No messages!","date":1256081631}<br /><br />I am not sure if that's what it's meant to look like, but my attempts to access the date have been unsuccessful, as is obvious from the fact that it constantly passes my greater-than-that-ludicrously-large-number test and stubbornly appends itself to my #chatWindow. I am not sure about the syntax for $.each, and if that is how it is used. I copied it from a book, but perhaps since I am only receiving one string I don't need it? I tried just data['time'] but that didn't work either... I'm kind of at sea on this one, and help would be great. </article> <article> <h1>Using .js File With Webpage</h1> <p>Tue, 20 Oct 2009 17:38:10 -0400</p> Can I control attributes with a .js file for a webpage<br />I would like to have background-repeat: repeat-x; background-attachment: fixed<br />This displays my image but cant figure out how to get the attributes to work<br /><div class='codetop'>CODE</div><div class='codemain'>{<br />function menubar()<br />  retVal = "<img src=images/blk_pipe.gif>";<br /><br />  return retVal;<br />}</div> </article> <article> <h1>Can I Interrogate Ajax Return Data?</h1> <p>Tue, 20 Oct 2009 17:37:26 -0400</p> As many of you may know, I am making a little chat app. I have thus far been fetching the most recent 10 items from the chat buffer table in my database and echoing those as the data for my ajax callback function. That's fine, but it gives a very short conversation history and I would like to change it. I have adapted the query to only fetch the latest one record and append it to the chat window. Obviously that will recursively spit out the last record - not what I want. So I altered the query to fetch the last record if it's newer than 2 seconds old, because that's how often the javascript checks for new records. That resulted in duplicate entries because its hard to hit return in exactly the right rhythm. So, I changed it to one second and it worked for me testing it on my own, but someone else came in and we couldn't see each other's messages. So, I figured I would include a hidden field holding a timestamp of each message and check the date of the ajax return data against the date of the last message in the chat window. But is it possible to interrogate the ajax return data like this? It would look something like this:<br /><br /><div class="poster">username</div><div class="message" value="2009:10:20 10:32:45">message text</div><br /><br />This is also, of course, the format the last message in the chat window would take. So, is it possible to do, say:<br /><br />if ( $('#chatWindow :last-child .message').val() !> $(data') .filter('.message').val() ) {<br />$('#chatWindow').append(data);<br />}<br /><br />?? </article> <article> <h1>Prompt Box In Safari</h1> <p>Tue, 20 Oct 2009 17:24:22 -0400</p> Why does the JS for the Prompt box on W3Schools not work in Safari?<br /><br /><a href="http://www.w3schools.com/JS/js_popup.asp" target="_blank">http://www.w3schools.com/JS/js_popup.asp</a><br /><br />After clicking on the button in the Prompt, the page is blank.<br /><br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><html><br /><head><br /><script type="text/javascript"><br />function show_prompt()<br />{<br />var name=prompt("Please enter your name","Harry Potter");<br />if (name!=null && name!="")<br /> {<br /> document.write("Hello " + name + "! How are you today?");<br /> }<br />}<br /></script><br /></head><br /><body><br /><br /><input type="button" onclick="show_prompt()" value="Show prompt box" /><br /><br /></body><br /></html></div><br /><br />Linda </article> <article> <h1>Issue With Onload Function On Images</h1> <p>Tue, 20 Oct 2009 15:19:50 -0400</p> Hi;<br /><br />I'm new here but have been writing HTML & CSS for a few years, but recently decided to try and get into JS.<br /><br />I've hit upon a problem that's bugging me a lot, so am wondering if anyone can help.<br /><br />All I'm trying to do is fade an image out, swap it to another image, then fade the new one in.<br /><br />This is pretty simple and I got that working fine locally.<br /><br />The issue comes when I try to ensure that the new image has loaded before fading up. I don't want to preload every image due to the nature of the way I'm laying out my site - it'd create a pretty big bottleneck when switching to the image gallery. It makes much more sense (to me) to only load on demand.<br /><br />The site is work in progress, but can be seen here: <a href="http://www.alexanderjamesmoore.co.uk/chocolate" target="_blank">www.alexanderjamesmoore.co.uk/chocolate</a> <br /><br />The page in question is "photography". All I've done thus far is the "architecture" link inside that as I'm trying to get all the code working properly before worrying about content & layout too much.<br /><br />The bit of code that's causing issue is this:<br /><br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'> <br /> if (objOpacity == 0)<br /> {<br /> // as we're now faded out we can swap the images over<br /> document.getElementById('imageviewer').src=archImages[i];<br /> // wait until the picture is loaded before fading back up;<br /> document.getElementById('imageviewer').onLoad = loadFinished();<br /> }<br /></div><br /><br />This is inside my fade function which recurses itself down through the opacity & gets called at the right time.<br /><br />The problem is that the onLoad fires <b>before</b> the new image has actually loaded in, which makes the object fade up & then snap to the new image.<br /><br />I've tried sticking the onLoad all over the place, using a dummy object instead, and a few other things that I've now lost track of, none with any luck.<br /><br />If someone can help that'd be great!<br /><br />Cheers<br /><br /> </article> <article> <h1>Insert Linebreaks In A Textarea</h1> <p>Tue, 20 Oct 2009 13:39:21 -0400</p> is there a way to insert linebreaks in a textarea with just HTML and javascript? </article> <article> <h1>Recursive Loop In My Chat App</h1> <p>Tue, 20 Oct 2009 09:56:17 -0400</p> I thought I had figured out every aspect of this little chat app I was working on yesterday, but I am having a problem. The app starts by checking the value of the variable `check`. This holds the echoed value of $_SESSION["poster"]. If this isn't set, then the user is prompted for a username. The return value is sent to a script which again checks for $_SESSION["poster"]. If it isn't set, then it sets it with the prompted value. The function then reloads the page. This time, $_SESSION["poster"] should be set (I discovered that using AJAX has that one downside that setting things to session). Anyway, when you open the page in Firefox, it continually prompts for username and only breaks if you cancel the prompt. Well, it did, now it doesn't even break if you do that! I tried instead setting a cookie which seems to work again only with a page refresh, which if done as below, causes problems.<br /><br />Here is the javascript (jQuery) code:<br /><br /><div class='codetop'>CODE</div><div class='codemain'>$(document).ready(function() {<br />var logged_in = '<?php $logged_in = date("Y-m-d G:i:s", time()); echo $logged_in; ?>';<br />var check = '<?php echo $_COOKIE["poster"];?>';<br />if(check == '') {<br />var poster = prompt("Please enter a username");<br />$.post("do_chat.php5", {'poster':poster}, function(data){});<br />window.location.href = window.location.href;<br />}<br /><br />setTimeout(reload, 400);<br /><br />$('#send').click(function() {<br />fetch_messages();<br />});<br /><br />$('#message').bind("keypress", function(e) {<br />  if(e.which == 13 || e.keycode == 13) {<br />fetch_messages();<br />  }<br />});<br /> $('#message').focus();<br />});<br /><br />function reload() {<br />logged_in = '<?php echo $logged_in; ?>';<br />   var poster = '<?php echo $_COOKIE["poster"];?>';<br />$.post('do_chat.php5', {'message':'','logged_in':logged_in,'poster':poster}, function(data) {<br />    $('#chatWindow').html(data);<br />    });<br />    $.post('users.php5', {}, function(data) {<br /> $('#users').html(data);<br />});<br />    setTimeout(reload, 2000);<br />}<br /><br />function fetch_messages() {<br /> if($('#message').val()!='') {<br />  var text = $('#message').val();<br />  var poster = '<?php echo $_COOKIE["poster"];?>';<br /> $.post('do_chat.php5', {'message':text,'poster':poster,'logged_in':logged_in}, function(data) {<br /> $('#chatWindow').html(data);<br /> });<br />}<br />$('#message').val('');<br />$.post('users.php5', {}, function(data) {<br /> $('#users').html(data);<br />});<br />}</div> </article> <article> <h1>Javascript Image Switch - Very Slow</h1> <p>Mon, 19 Oct 2009 23:21:43 -0400</p> Ok, let me explain what's going on.<br /><br />I'm using JavaScript to switch the src of an image for onmouseover, onmouseout, onmousedown, and onmouseup. Easy enough. Works fine the way I have it. Here's my problem.<br /><br />The page itself already takes a bit to load (because of all the images I use). But when the effects are used for the first time that visit, JavaScript has to download the image right then. That makes it so the effect the image switch is supposed to give does not really work out unless they hover over it for a while. After the initial download, it works fine.<br /><br />I have two questions, one concerning that and one concerning design in general.<br /><br />Firstly, is there any way to have the images all downloaded on the original request? That way the image switcher already has the images downloaded. I've thought of different ways, but they all seem like really bad hacks that should be avoided.<br /><br />And secondly, what's better to use when making image driven layouts (banners, navigations bars, etc.): image tags or elements with background images? I would assume image tags, but I've seen the use of background images before as well. </article> <article> <h1>Scripts In This Table</h1> <p>Mon, 19 Oct 2009 18:14:33 -0400</p> I found this table on <a href="http://adwords.google.com/" target="_blank">Google Adwords</a> under the "Learn about AdWords" section. You can click on it and it show different stuff on the right. I looked into the source code and found that you can duplicate this but what are the necessary codes required? I want to make a similar one on another page with minimal amount of codes. </article> <article> <h1>Ajax Chat Room App</h1> <p>Mon, 19 Oct 2009 11:24:16 -0400</p> I made a very simple AJAX chat app, just for fun, and it relies on recursive setTimeouts to call the reload function. Obviously this is inefficient and is liable to have my hosting company ban me, so I was wondering if there is a more efficient way of detecting new messages and pushing them without having to just keep checking and make ajax calls or otherwise checking the database? </article> <article> <h1>Form Element Delete Button</h1> <p>Mon, 19 Oct 2009 09:57:31 -0400</p> I have an input to change quantities of items in shopping cart and to delete an item (PHP-generated code) as:<br /><input type="text" style="width: 2em" name="qty[56]" value="5" /> <a href='#'></a><br /><br />Clicking onto delete.gif does set the quantity to '0', but it does not remove the item (which would happen when you enter '0' into input name="qty[56]" and pressed the submit button.<br /><br />The submit button is as:<br /><input type=\"submit\" value=\"Update Total\" id=\"submit\" name=\"submit\" /><br /><br />There is also a hidden value as:<br /><input type=\"hidden\" name=\"do\" value=\"update\" /><br /><br />Therefore I tried:<br /><input type="text" style="width: 2em" name="qty[56]" value="5" /> <a href='#'></a><br /><br />How can I correctly incorporate the hidden input?<br /><br />Son </article> <article> <h1>Cookies Why So Difficult</h1> <p>Sun, 18 Oct 2009 05:05:33 -0400</p> I tried to use the js cookie tutorial and edited it and I can not get it to work.<br /><br /><div class='codetop'>CODE</div><div class='codemain'><script type="text/javascript" src="elements/rate_system.js"></script></div><br /><div class='codetop'>CODE</div><div class='codemain'>function setSong(value)<br />{<br />document.cookie="song=" + escape(value);<br />}<br /><br />function getSong()<br />{<br />  c_start=document.cookie.indexOf("song=");<br />  if (c_start!=-1)<br />    {<br />    c_start=c_start + c_name.length+1;<br />    c_end=document.cookie.indexOf(";",c_start);<br />    if (c_end==-1) c_end=document.cookie.length;<br />    return unescape(document.cookie.substring(c_start,c_end));<br />    }<br />return "";<br />}<br /><br />function checkSong() {<br />    song=getSong();<br />    if (song!=null && song!="") {<br />          return song;<br />      } else {<br />          alert('No song set!');<br />      }<br />}</div><br /><div class='codetop'>CODE</div><div class='codemain'>onclick="setSong('<?php echo $song[1]; ?>');"</div>^ this portion of the code is ok it does print the correct song name if you look at the source.<br /><br /><div class='codetop'>CODE</div><div class='codemain'><script type="text/javascript"><br />     document.write(checkSong());<br /></script></div><br /><br />Anyone know what i did wrong.<br /><br />Basically I need to set a cookie with the songs name so I can call the cookie to play that song in a mp3 player and rate the song. </article> <article> <h1>5 Star Rating System?</h1> <p>Sun, 18 Oct 2009 04:36:01 -0400</p> The only way I can think of making a rate system like this is with JS. And I have no clue where to start with it.<br />Basically a song will be playing on a mp3 object and below it i want to show 5 stars.<br />I'm guessing a onmousover event would be needed to change the stars colors depending on what star is mouseover.<br /><br />e.g.<br />* = mouseover<br /><br />[*] [ ] [ ] [ ] [ ] Rate - Only the first star would be "highlighted" I will probably work off two images of stars. One regular other high lighted<br /><br />[ ] [ ] [*] [ ] [ ] Rate - The first 3 stars would be "highlighted"<br /><br /><br />Then I'm guessing an onclick to "select" the star and the stars would stay highlighted. Then I would click a rate button to submit.<br /><br /><br />I know its a lot to ask for but me knowing only the basics of JS I need all the help I can get.<br /><br />Thanks. </article> <article> <h1>Java Script Form Editor</h1> <p>Sun, 18 Oct 2009 00:51:19 -0400</p> Is there any Java script drag and drop editor in which we can make form validatins, and code make itself.<br /><br />I have found one editor I dont know either it is good or bad. Plz visit:<br /><a href="http://www.simfatic.com/index.php" target="_blank">http://www.simfatic.com/index.php</a><br /><br />Im a bigner in the field of web development.<br /><br />Thanks </article> <article> <h1>Object Required In Ie After Xmlhttprequest</h1> <p>Sat, 17 Oct 2009 21:55:22 -0400</p> i have an html page, javascript page and a PHP page<br />everything works fine on Firefox, Chrome and Safari however in IE i get<br />an error "object required" on line 35 in the javascript page<br /><br />line 35 is alert(xmlDoc.getElementsByTagName("hometown")[0].childNodes[0].nodeValue);<br /><br />i.e. the first reference to the xmlDoc object!!<br /><br />i am using IE 8, and PHP 5.3 on Windows 7 Ultimate<br /><br /><br /><br />the pages are : HTML page HTMLPage.html<br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><br /><head><br /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><br /><script type="text/javascript" src="responsexml.js"></script><br /><br /><title>Untitled 1</title><br /></head><br /><br /><body><br /><br /><form><br />Select a User:<br /><select name="users" onchange="showUser(this.value)"><br /><option value="1">Peter Griffin</option><br /><option value="2">Lois Griffin</option><br /><option value="3">Glenn Quagmire</option><br /><option value="4">Joseph Swanson</option><br /></select><br /></form><br /><br /><h2><span name="firstname" id="firstname"></span> <span name="lastname" id="lastname"></span></h2><br /><span name="job" id="job"></span><br /><div style="text-align: left"><br /> <span id="age_text"></span><br /> <span name="age" id="age"></span><br /> <span id="hometown_text" ></span><br /> <span name="hometown" id="hometown"></span><br /></div><br /> <br /><br /></body><br /><br /><br /><br /><br />the JAVASCRIPT page responsexml.js<br /><br /><br /><br />var xmlhttp;<br />var xmlDoc<br /><br />function showUser(str)<br />{<br />xmlhttp=GetXmlHttpObject();<br /><br />if (xmlhttp==null)<br /> {<br /> alert ("Browser does not support HTTP Request");<br /> return;<br /> }<br />var url="responsexml.php";<br />url=url+"?q="+str;<br />url=url+"&sid="+Math.random();<br />xmlhttp.onreadystatechange=stateChanged;<br />xmlhttp.open("GET",url,true);<br /><br />//xmlhttp.open("POST",url,true);<br />//xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");<br /><br />xmlhttp.send(null);<br />}<br /><br />function stateChanged()<br />{<br />if (xmlhttp.readyState==4)<br /> {<br /> if (xmlhttp.status==200)<br /> {<br /> <br /> xmlDoc=xmlhttp.responseXML;<br /> <br /> alert(document.getElementById("firstname").innerHTML);<br /> alert(xmlDoc.getElementsByTagName("hometown")[0].childNodes[0].nodeValue);<br /> <br /> document.getElementById("firstname").innerHTML=<br /> xmlDoc.getElementsByTagName("firstname")[0].childNodes[0].nodeValue;<br /> document.getElementById("lastname").innerHTML=<br /> xmlDoc.getElementsByTagName("lastname")[0].childNodes[0].nodeValue;<br /> document.getElementById("job").innerHTML=<br /> xmlDoc.getElementsByTagName("job")[0].childNodes[0].nodeValue;<br /> document.getElementById("age_text").innerHTML="Age Is --====-- : ";<br /> document.getElementById("age").innerHTML=<br /> xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue;<br /> document.getElementById("hometown_text").innerHTML="<br/>From Address --====-- : ";<br /> document.getElementById("hometown").innerHTML=<br /> xmlDoc.getElementsByTagName("hometown")[0].childNodes[0].nodeValue;<br /> }<br /> }<br />}<br /><br />function GetXmlHttpObject()<br />{<br />if (window.XMLHttpRequest)<br /> {<br /> // code for IE7+, Firefox, Chrome, Opera, Safari<br /> return new XMLHttpRequest();<br /> }<br />if (window.ActiveXObject)<br /> {<br /> // code for IE6, IE5<br /> return new ActiveXObject("Microsoft.XMLHTTP");<br /> }<br />return null;<br />}<br /><br /><br /><br />the PHP page responsexml.php<br /><br /><br /><?php<br />$q=$_GET["q"];<br /><br />$serverName = "(local)";<br />$connectionOptions = array("Database"=>"TestPHP");<br /><br />$conn = sqlsrv_connect( $serverName, $connectionOptions);<br />if( $conn === false )<br /> { <br /> die( print_r( sqlsrv_errors(), true));<br /><br /> //die('Could not connect: ' . sqlsrv_errors());<br /> }<br /><br />$sql="SELECT FirstName, LastName, Age, Hometown, Job FROM [user] WHERE id = $q " ;<br />$result = sqlsrv_query($conn, $sql, array( $q ) );<br /><br /><br />header("Content-type:text/xml");<br />header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");<br />header("Cache-Control: no-cache");<br />header("Pragma: no-cache");<br /><br />$response='<?xml version="1.0" encoding="ISO-8859-1"' . chr(63) . chr(62) . " <person>";<br /><br />while($row = sqlsrv_fetch_array($result))<br /> {<br /> $response = $response . "<firstname>" . $row['FirstName'] . "</firstname>";<br /> $response = $response . "<lastname>" . $row['LastName'] . "</lastname>";<br /> $response = $response . "<age>" . $row['Age'] . "</age>";<br /> $response = $response . "<hometown>" . $row['Hometown'] . "</hometown>";<br /> $response = $response . "<job>" . $row['Job'] . "</job>";<br /> }<br />$response = $response . "</person>";<br /><br />echo $response;<br /><br />sqlsrv_close($conn );<br /><br />?> <br /><br /><br />any ideas ??<br /><br />-------------------------------------------------------------- </article> <article> <h1>Script To Log Off Account</h1> <p>Sat, 17 Oct 2009 17:30:04 -0400</p> i am looking for some sort of pop up that can be started as a person logs on to there acount on my computer. and will give them no choice but to log off after a timed limit. </article> <article> <h1>Preloading Images</h1> <p>Sat, 17 Oct 2009 16:24:59 -0400</p> I understand you can preload images with the traditional method;<br /><br /><div class='codetop'>CODE</div><div class='codemain'>image1 = new Image();<br />image1.src = "image1.jpg";</div><br /><br />but I was wondering if you can preload images in this fashon in an external javascript file such as;<br /><br /><div class='codetop'>CODE</div><div class='codemain'>window.onload = Initialize;<br /><br />function Initialize()<br />{<br />   document.getElementById('b1').onmouseover = function(){swapImage('b1', '../images/objsel.jpg', 1)};<br />   document.getElementById('b1').onmouseout  = function(){swapImage('b1', '../images/obj.jpg', 0)};<br />   document.getElementById('b1').onclick = function(){changePage('para', 'b1', '../images/objover.jpg', 'b1')};<br />   ...<br />}<br /><br />function swapImage(id, name, cursor_type)<br />{<br />   if (activeBtn == id)<br />      return;<br />   var x = document.getElementById(id);<br />   x.src = name;<br />   if (cursor_type == '0')<br />      x.style.cursor = "default";<br />   else    <br />      x.style.cursor = "pointer";    <br />}</div><br /><br />and the HTML snippet;<br /><br /><div class='codetop'>CODE</div><div class='codemain'><img class="marginleft" id="b1" src="../images/obj.jpg" alt="Objective" /></div>.<br /><br />My understanding is the images are loaded automatically when the page loads e.g. the would load the obj.jpg in the body of the document, but as I'm assigning events in the head, would these load the images, or is it just passing it as a string to the function?<br /><br />Thanks!<br /><br /> </article> <article> <h1>Custom Print Drivers</h1> <p>Sat, 17 Oct 2009 10:21:05 -0400</p> Ok, I know this isn't really the place for it, but I thought perhaps (at least from what I know) that being VB is related to C/C++, someone here might know. I am looking to write a custom printer driver. For basics, I would say, like to control the part that holds the ink using the arrow keys on my keyboard. Is that even possible? Any information on how to go about creating a driver at all would be of great interest, and much appreciated.<br /><br />Thanks in advance. </article> <article> <h1>Javascript To Log Off A Computer</h1> <p>Fri, 16 Oct 2009 20:10:10 -0400</p> i am looking for some sort of pop up that can be started as a person logs on to there acount on my computer. and will give them no choice but to log off after a timed limit. </article> <article> <h1>Looking For Specific Words.</h1> <p>Fri, 16 Oct 2009 15:35:52 -0400</p> If I have a text and I want to know how many times what word has been writen in what text how do I do what?<br /><br />BTW. The word/letters can be a part of a word. </article> </main></body></html>