518 Posted Topics
 | Have you tried to copy paste this ( [ ] ) brackets?  |
 | Another Demo: We'l just start with the first 4 cheboxes in your form, you can then continue adding those remaining checkboxes inside the table collection(s). Here's the code : [code]<?xml version="1.0" encoding="utf-8" standalone="no"?> <?xml-stylesheet type="text/css" href="#ccs21" media="all"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="xhtml10S" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> … |
| | Lost in the archive section, but this may come in handy for the other viewers' on this site. This is a revision of the first posted version of the crossFader script, and now comes with a text rotator upgrade. [code]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> … |
| | You can try this one, but don't trust my PHP syntax. [code]<script type="text/javascript"> <!-- var jsArray = [ ]; <?php $phpArray = new Array("pOne", "pTwo", "pThree"); foreach( $phpArray as $toJsArray => $convert ) { echo "jsArray[ $toJsArray ] = $convert"; } ?> // jsArray now hold items from the phpArrays. … |
| | Try this demo: [code]<?xml version="1.0" encoding="utf-8" standalone="no"?> <?xml-stylesheet type="text/css" href="#ccs21" media="all"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="xhtml10S" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.org/2005/10/profile"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Free Live Help!</title> <style … |
| | You can simply define your own tags using a plain [b]XML[/b] document, and then collaborate its way using simple scripts that will evaluates your tags on the browser. Here's simple tag examples created in plain [b]XML[/b] document format: [code=xml]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE myevents [ <!ELEMENT myevents (event*)> <!ELEMENT event (#PCDATA|hour|minute|info)*> …  |
| | Re: image placement Try this first on the image that corresponds to your ajax call: [code]<img src='../images/loading.gif' style="display : block; width : auto; height : auto; margin : 0 auto;" />[/code] |
| | Re: ListBox question You can try this demo: [code]<?xml version="1.0" encoding="utf-8" standalone="no"?> <?xml-stylesheet type="text/css" href="#ccs21" media="all"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="xhtml10S" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.org/2005/10/profile"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Free Live … |
| | Here's the modified version of your code: [code]<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="xhtml10S" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.org/2005/10/profile"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Free Live Help!</title> <script … |
| | If you where just referring back to the parent window, then you can do the following code: [code]<script id="script15" type="text/javascript"> <!-- window.onload = function() { window.open("somepage.html"); top.focus(); // gains back the focus to the parent window. }; // --> </script>[/code] |
| | You'll need to provide different stylesheet's, that handles layout(s) in different types of browsers.  |
| | This is one of the two lines' that causing you all the troubles, in your [icode]<select></select>[/icode] elements. [code]<select name="Origin_Country"onChange="showStates([b]this.value[/b] /* undefined value: since select element cannot provide value itself.*/ )">[/code] Change the above code into this format: [code]<select name="Origin_Country" [color=green]onchange[/color]="showStates( [color=red]this.options[ this.selectedIndex ].value[/color] );">[/code] Do the same thing with other … |
| | Try to apply this with your select element: [code]<select id="sel" name="sel" style="min-width: 300px; max-width: 300px; width : 300px;" size="1">[/code] you can do the same thing with height. |
 | Re: Table height Simple table layout sample: controlling table layout using CSS and also serves as a valid XHTML 1.0 Strict document. [code]<?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/css" href="#internal" media="all"?> <!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 profile="http://www.w3.org/2005/10/profile"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta … |
 | I've shortened out your code and skipped some of the unecessary lines inside the two constructors. You'll need to run this entire document, to see the actual effects of the two functions. Here's the code: [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html id="html40L" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> … |
| | Re: The use of isNAN Here's Another example: [color=green]checknum.js[/color] [code]var checknum = function( form ) { var val = form.num.value; // Get the UI value. var typ = (( isNaN( val ) ) ? val + " is a string." : val + " is a number." ); // Defines the type of UI value. … |
| | Try this one out and run the whole document, and see if it will fit what you need: [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html id="html40L" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>Free Live Help!</title> <style type="text/css"> <!-- div#main { color : … |
| | Getting variables or functions from external script, requires page caching, so accessing this file via dynamic insertion, is impossible without reloading the page for caching its content -- And also reloading the page is not part of this idea. But there's 2 options to acomplish this: [b]1.[/b] is to make … |
| | Here's a short example of controlling divs display using a single function. All codes is as follows: [code]<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="xhtml10S" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.org/2005/10/profile"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta … |
| | Im not sure if this what you need, but i hope it helps. [code]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html id="xhtml10T" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <jdoc:include type="head" /> <style type="text/css"> /* <![CDATA[ */ img { border : none; } … |
| | |
| | Im not sure if this is what you exactly need! But i hope this will help [code=javascript]<?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Test Page</title> <style type="text/css"> /* … |
| | Did you mean, a link on every cities? Could you be more specific on explaining the concept of your issue. Because, If you are just referring for a link on particular city, then you can simply use anchors to do it: e.g. [icode]<a href="someCity.html">Go to someCity</a>[/icode]  |
| | You can center the whole div without spending too much time on the script. Just add this [b]rule[/b] inside your main div ("MyDiv") that holds the entire content, [icode]margin : 0 auto;[/icode]. If it does solved the issue, don't forget to marked your thread solved. Thanks... |
| | Go with this simple pattern [icode]/^[a-zA-Z\.\s]+$/;[/icode] , and also excluding the use of digits in the field. This pattern will allow the user to enter character's from [color=red]A-Z, a-z[/color] including dots and white spaces. Hope it helps... |
| | Try something like this: [code]<div style="width: 375px; max-width : 376px; height : 250px; max-height : 251px;"><div style="border : 1px solid #048ab6; overflow: hidden; background-color : #f7f7f7"><img src="Warning.png" style="border : none; margin : 0 auto 1em auto; display: block;" alt="test pic"> <img src="pagerror.png" style="border : none; margin : 0 auto 1em … |
| | Try to implement this on your divs that shows and hide's different contents: [code]var someDiv = (( document.getElementById ) ? document.getElementById("yourDivId") : (( document.all && !document.getElementById ) ? document.all["yourDivId"] : document.layers["yourDivId"] )); someDiv.className = "someClassName"; alert( someDiv.id ); // You can call it, any way you want. >>[/code] |
| | Excluding the use of bugFixing tools-- you can simply remove all [icode]<script></script>[/icode] blocks inside your page and bring them back one by one, test the page then refresh your browser. If you find the block, simply post it back here again for help... |
| | |
| | Re: Resize IFrame This will achieved what you entirely needed! To be able to work on this script, you must obtained the following procedure. [b]INSTRUCTION:[/b] All (x)HTML documents' that will be loaded inside the iframe, including the iframe page, must include the [color=red]resize.js[/color] inside its content using [icode]<script type="text/javascript" src="./[color=red]resize.js[/color]"></script>[/icode] block. [b]NOTE[/b] Supported … |
| | If you're creating a Web document ( or htm/html/xhtml etc. ) in a text editor and want view the file that you're working on, simply save your work and open the file in your browser. You can then continue to edit, save your work, and view the results, switching back …  |
| | Just provide wrapper's or tubes inside your floated div to preserved the whole layout. Try this one: [code=html]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html id="xhtml10" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Floating div</title> <style … |
| | You'll need to set it right floated, instead of having it floated on the left. e.g. [code]#col { float : right; clear : right; /* your next rule */ }[/code] |
| | Here's another example, that allow's you to inject elements inside the targeted div and also lets you clear the whole injected content, by clicking on the same link again. Comes with a single function [icode]ChangeText()[/icode]. All codes is as follows: [code]<html> <head> <title>Test Page</title> <script type="text/javascript"> function ChangeText( ids ) … |
| | Re: Need advice Controlling page layout's in different browsers is a big mess, but you can apply some workaround to get over it... Here's a simple layout sample, which you can run for testing: Assuming that you have the following layout order. [code] <html> <head> <title>Site Title</title> <style type="text/css"> <!-- /* CSS RULE … |
| | This is much better if handled in [b]PHP[/b]. If you just want to get bits of data in your form, using PHP. simply do this format: [b]formMailer[/b] [code]<input type="text" id="subject" name="subject" value="" />[/code] now if you want to get the value in the subject input field, then try this code … |
| | It is the same as creating link's inside your page. e.g. [icode]<a href="yourXMLfile.xml">Link to XML File</a>[/icode]. If you need full information about [b]XML[/b], visit: [url=http://www.w3.org/TR/1998/REC-xml-19980210]http://www.w3.org/TR/1998/REC-xml-19980210[/url] |
| | Or you could just create the whole table+elements, instead of having it preloaded in the page. [code]<html> <head> <style type="text/css"> td { font-size: 200%; } </style> <script type="text/javascript"> function removeTables() { document.getElementById("test").removeChild(document.getElementById("myTable")); } function addTables() { cTable = document.createElement("table"); cTable.id = "myTable"; cTable.border = "2"; for ( var i = … |
| | Here's a simple demo--on how you can validate userInput against your array lists. I simplify the code works by matching a color inside an array against user inputted value. If it matched any value inside the array collection then it will return true. [code=javascript]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD … |
| | If you are referring this with javascript, then you might want to try out this code to validate your fields. [code]<?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Form … |
| | Re: Using jQuery JQuery lets you write javascript program in a shorter, faster way and also making you dumb... e.g. [code]var obj = document.getElementById("someId"); // This is a Javascript format. var jQobj = $("someId"); // This is a JQuery implementation, seems alot shorter, compared to Javascript format.[/code] It's up for you to decide … |
| | Did you mean loading an iframe dynamically or static? |
| | Put some argument inside your callFunction. [code]function callFuntion( eb ) { // some statement. } [/code] now call it with your form [icode]onsubmit="return callFunction( this );"[/icode] |
| | Try this appending order: [code] td.appendChild( input ); tr.appendChild( td ); field_area.appendChild(tr);[/code] |
| | Re: first timer =/ Hi Jimbo, The [icode]document.write[/icode] method won't work if you are using the [b].xhtml[/b] extention in your document. But if you want to stick using this method, then simply change your (x)HTML document using the [b].html[/b] extention. Good day... |
| | Here's a simple demo... You can set/get different ( values or variables ) using hidden field's, asside from the values supplied by the combo boxes. [b]Form page[/b] [code=javascript]<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" … |
| | Re: Short Cut Icon Another way to call your icon, implemented in W3C standards: [code=html]<head profile="http://www.w3.org/2005/10/profile"> <!-- Must be implemented if you are using any icon inside your (x)HTML document. --> <title>Your Site</title> <link rel="icon" type="image/ico" href="pathToIcon/yourfavicon.ico" />[/code] |
| | This might get what you need. An example of passing the arguments ( or parameter ) to another function. [code=javascript]<?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Getting Javascript … |
| | If you just need good tutorial sites for [b]AJAX[/b], try out the following links: — [url=https://developer.mozilla.org/en/AJAX/Getting_Started]MDC AJAX Tutorial[/url] — [url=http://www.w3schools.com/ajax]w3schools AJAX Tutorial[/url] — [url=http://www.ajaxtoolbox.com/request/documentation.php]AJAX Toolbox[/url]  |
| | Here's another simple demo--on how you can strip keywords in the URL string. [code=javascript]<script type="text/javascript"> <!-- var siteurl; var getLocation; getLocation = function( url ) { url = url.split(/[\s\,]+/i); dummy = "http://site.example.com/page1/page2"; siteurl = String( location.href ); for ( var x = 0; x < url.length; x++ ) { document.write( … |
The End.