|
JavaScript - Populate A Drop Down With Cookie.
I really need help with this. I really don't know how to make this work. I need to populate a drop down menu with a value passed through the browser if it's passed.
so the browser URL will look like: domain.com/?referer=YellowPagesOnline I need to capture the referer value from the browser store it into a cookie. If the cookie is set and then populate the drop down on the page with the cookie. If it's not set then a list of sources should appear. So I already have the code to grab the string and store it in a cookie but I'm not sure how to do the initialization of the drop down with the cookie value. This is what I have... Code: <script>
//Get the referer string out of the URL
function getQuerystring(key, default_)
{
if (default_==null) default_="";
key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
var qs = regex.exec(window.location.href);
if(qs == null)
return default_;
else
return qs[1];
}
//Set the cookie for 30 days
function SetCookie(cookieName,cookieValue,nDays) {
var today = new Date();
var expire = new Date();
if (nDays==null || nDays==0) nDays=1;
/* expire.setTime(today.getTime() + 3600000*24*nDays);*/
expire.setTime(today.getTime() + (1000 * 60 * 60 * 24 * 30));
document.cookie = cookieName+"="+escape(cookieValue)
+ ";expires="+expire.toGMTString();
}
//Put the cookie on the user's computer
function putcookie()
{
var val = getQuerystring('referer');
if(val !=""){
if (document.cookie.length == 0)
{
SetCookie('referer', val, 1);
alert(val);
}
}
alert(document.cookie);
}
putcookie();
getCookie(name);
//If there is a cookie then get the cookie
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
if(document.SECatJax.referer.length > 0)
{
document.SECatJax.referer.value = unescape(document.cookie.substring(c_start,c_end));
return false;
}
alert(document.cookie);
}
}
document.SECatJax.referer.value = 'Website';
}
The dropdown to appear if there isn't a cookie is Code: <select name="source_code" size="1" id="source_code" class="select_2" style="display:none"> <option value="" selected="selected">--</option> <option value="Direct Mail">Direct Mail</option> <option value="High School Presentation">High School Presentation</option> <option value="Search Engine">Internet Search</option> <option value="Newspaper">Newspaper</option> <option value="Poster">Poster</option> <option value="Radio">Radio</option> <option value="Referral">Referral</option> <option value="TV">TV</option> <option value="Yellow Pages">Yellow Pages</option> </select> The drop down to appear if there is a cookie is[CODE]<select name="source_code2" size="1" id="source_code2" class="select_2" style="display:none"> <option value="YellowPagesOnline" selected="selected">YellowPagesOnline</option> </select>[CODE] Can someone help me with this please? Thanks. Similar TutorialsHi Guys, I am after populating a HTML box (or another language if html wont do) with a number of different files pdfs, exe's etc for customer to download. The content of this box will depend on the choices from two drop down lists. I have got two drop down lists setup filtering off each other... I have thought about tagging each document and then pulling up a file off the choices selected? Not sure the best way to go about this. Regards Heres the code so far.... Code: <HTML>
<HEAD><TITLE>prototype CP</Title>
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
font-size: small;
color: #FFFFFF;
}
.style3 {
font-size: small;
}
</style>
</Head>
<BODY OnLoad="BuildContacts(0);" style="background-color: #336699; background-image: url('back.jpeg')">
<FORM Name="myForm">
<div class="style1">
<span class="style2">I have a
</span>
<font color="#000000">
<SELECT Name="SalesNames" OnChange="BuildContacts(this.selectedIndex);" class="style3">
<OPTION Value="">
<OPTION Value="nexgen">nexgen
<OPTION Value="zimbra">zimbraCS
<OPTION Value="exchange">exchange
</Select></font><span class="style2">
mailbox and I want to set it up on:
</span>
<font color="#000000">
<SELECT Name="SalesContacts" class="style3">
<OPTION Value="">--------
</Select>
</font>
</div>
</Form>
</Body>
</Html>
<SCRIPT Language="JavaScript"><!--
//Build arrays for each mailbox type
Contacts=new Array(4);
Contacts[0]=new Array(3);
Contacts[1]=new Array(2);
Contacts[2]=new Array(5);
Contacts[3]=new Array(4);
//Nexgen
Contacts[0][0]="";
Contacts[0][1]="Outlook";
Contacts[0][2]="mac mail";
Contacts[0][3]="entourage";
Contacts[0][4]="iPhone";
Contacts[0][5]="Blackberry";
Contacts[0][6]="other mobile phone";
//Zimbra
Contacts[1][0]="Outlook";
Contacts[1][1]="mac mail";
Contacts[1][2]="entourage";
Contacts[1][3]="iPhone";
Contacts[1][4]="Blackberry";
Contacts[1][5]="other mobile phone";
//Exchange
Contacts[2][0]="Outlook";
Contacts[2][1]="mac mail";
Contacts[2][2]="entourage";
Contacts[2][3]="iPhone";
Contacts[2][4]="Blackberry";
Contacts[2][5]="other mobile phone";
//Call this to build the Contact list for the specified Salesperson
function BuildContacts(num)
{
//Select the first Contact
document.myForm.SalesContacts.selectedIndex=0;
//For every contact in the array for this person, add a new option
for(ctr=0;ctr<Contacts[num].length;ctr++)
{
document.myForm.SalesContacts.options[ctr]=new Option(Contacts[num][ctr],Contacts[num][ctr]);
}
//Set the length of the select list
document.myForm.SalesContacts.length=Contacts[num].length;
}
//--></Script>
this is going to be an options page for my site, but will be using cookies. I want to be able to choose from a drop down menu, and there will be about 3 or 4 drop down menus on the page, with about 8 or so options in each one. It would be great if i were to choose an option in the first drop down menu, it wouldn't appear in the second one. And how can I receive it from another page, I wouldn't want the menus, just the out come of what their choice would be. Thank you for reading, would appreciate any help Hi everyone, I am using a jQuery cookie script to set the cookie of some elements on my website. One of the problems is that I need the cookie to not expire after one day, I need it to expire after a while (I'm going to start off with a year). Here's my script, the red part is what I've been editing. Code: /**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secu true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
* used when the cookie was set.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000 * 365));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
I am trying to populate a listbox using Javascript. The listbox is populated using the xml response from ajax request. Below is the code used for the same Code: var xmlDoc = xmlhttp.responseXML;
for (var i = 0; i < xmlDoc.getElementsByTagName("id").length; i++) {
traderlists.add(new Option(xmlDoc.getElementsByTagName("name")[i].childNodes[0].nodeValue, xmlDoc.getElementsByTagName("id")[i].childNodes[0].nodeValue));
}
This works fine for me. But i am facing performance issue here. some ajax requests retrieves xmls with around 11,000 nodes and this takes too much of time to populate the listbox. Can anyone please advice me with an better solution? Resolution if interested: Code: <head>
<title>Lab8</title>
<script src="arrays.js" type="text/javascript"></script>
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function amountTotal() {
var totalDonations = 0;
for (var i = 0; i < amount.length; i++) {
totalDonations += amount[i];
}
return totalDonations;
}
</script>
</head>
<body>
<table id="donations" rules="rows">
<tr>
<th>
Date
</th>
<th>
Name
</th>
<th>
Amount
</th>
<th>
Address
</th>
</tr>
<script type="text/javascript">
for (var i = 0; i < amount.length; i++) {
if (i % 2 == 0) document.write("<tr>")
else document.write("<tr class='yellowrow'>");
document.write("<td>" + date[i] + "</td>");
document.write("<td>" + firstName[i] + lastName[i] + "</td>");
document.write("<td>" + amount[i] + "</td>");
document.write("<td>" + street[i] + "<br />" + city[i] + "," + " " + state[i] + " " + zip[i] + "</td>");
}
document.write("</tr>")
</script>
</table>
<table id="totalsTable">
<tr>
<th colspan="2">
Summary
</th>
</tr>
<tr>
<td>
Contributions
</td>
<td class="amt">
<script type="text/javascript">
document.write(amount.length);
</script>
</td>
</tr>
<tr>
<td>
Amount
</td>
<td class="amt">$
<script type="text/javascript">
var totalTotal = amountTotal();
document.write(totalTotal);
</script>
</td>
</tr>
</table>
</body>
</html>
I have a seperate .js sheet with some arrays on them (firstName, lastName, date, amount, city, state, zip) and I am trying to populate a table with these indexes. The 'yellowrow' highlights everyother row which is called out in my css sheet. My header rows fill in but not the rest. Here is the link for the site actually posted on the web. Code: <body>
<table id="donations" rules="rows">
<tr>
<th>Date</th>
<th>Name</th>
<th>Amount</th>
<th>Address</th>
</tr>
<script type="text/javascript">
for (var i = 0; i < amount.length; i++) {
if (i % 2 == 0) document.write("<tr>")
else document.write("<tr class='yellowrow'>");
document.write("<td>" + date(i) + "</td>");
document.write("<td>" + firstName(i) + lastName(i) + "</td>");
document.write("<td>" + amount(i) + "</td>");
document.write("<td>" + "<br />" + city(i) + "," + state(i) + zip(i) + "</td>");
}
document.write("</tr>")
</script>
</table>
</body>
I have a check box right now that calls an onClick event. Here is the Input: Code: <input name="usePad" type="checkbox" value="usePad" id="usePad" onclick="showBind('padShow','padOk')" />
Here is the Script: Code: var xmlhttpshowBind;
var showBindDiv;
function showBind(BindPage,BindDiv) {
xmlhttpshowBind=GetXmlHttpObject();
if (xmlhttpshowBind==null) {
alert ("Browser does not support HTTP Request");
return; }
var url="/scripts/"+BindPage+".php";
showBindDiv=BindDiv;
xmlhttpshowBind.onreadystatechange=showBindGet;
xmlhttpshowBind.open("GET",url,true);
xmlhttpshowBind.send(null); }
function showBindGet() {
if (xmlhttpshowBind.readyState==4) {
document.getElementById(showBindDiv).innerHTML=xmlhttpshowBind.responseText; } }
It works great to fill the div called for, but I would like it to remove the div contents if it's unchecked, I'm not sure how to do this?? Any help would be appreciated! Thank you in advance! hello i am trying to fire a form which after the call to retrieve the data, populate the form with the data. i can see from firebug that the json data is being captured, but cannot seem to be able to populate the form with it. i am using a jquery plugin facybox, that opens the form, but the fields are blank. i have attached my code and would be grateful if someone could tell me where i am going wrong? many thanks js code Code: <script type="text/javascript">
function edit(com, grid) {
if (com == 'Edit') {
if($('.trSelected').length>0){
if($('.trSelected').length>1){
alert('Please select just one row');
return;
}
var items = $('.trSelected');
var itemlist ='';
for(i=0;i<items.length;i++){
itemlist+= items[i].id.substr(3);
}
$.ajax({
type: "POST",
dataType: "json",
url: "tempcontact.php",
data: "items="+itemlist,
success: function(data){
document.getElementById('id').value = data.id;
document.getElementById('email').value = data.email;
$("#flex1").flexReload();
}
});
/*and so on then you can call facybox*/
jQuery.facybox({ div: "#editform"});
} else{
alert('Please select a row to edit.');
}
}
}
</script>
form Code: <div id="editform" style="display:none;"> <form action="conedit.php" method="post" class="webform"> <fieldset> <legend><span>Update Contact</span></legend> <br /> <div id="dataText">Please delete the fields if there is no data 'No data to display'.</div> <label for="id">ID:</label> <input id="id" name="id" class="text" type="text" value="" /> <label for="name">Full Name:</label> <input id="name" name="name" class="text" type="text" value="" /> <label for="email">Email address:</label> <input id="email" name="email" class="text" type="text" value="" /> <label for="phone">Telephone:</label> <input id="phone" name="phone" class="text" type="text" value="" /> <label for="mobile">Mobile:</label> <input id="mobile" name="mobile" class="text" type="text" value="" /> <label for="fax">Fax:</label> <input id="fax" name="fax" class="text" type="text" value="" /> <label for="notes">Notes:</label> <textarea name="notes" cols="25" rows="3"></textarea> </fieldset> <input class="submit" type="submit" name="submit" value="Update" /> </form> </div> Hello guys, How to populate array from dropdownlist? I've tried like this var array = new array(); var d = document.getElementById("DropDownListl"); for (var i = 0; i < d.options.length; i++) { array[i] = d.options[i].value; } Thank you <!-- *** NEED HELP PASSING VALUE id TO POPULATE SUBRECORDS *** --> <!-- *** See line #51 to #55 *** --> <?php session_start(); ob_start(); if($_SESSION[userdetails]->role != "Admin") { die("Access Denied!"); } require_once("includes/connect.php"); // Check if he has the right info. $sql = sprintf("SELECT * FROM members ORDER BY username ASC", $_SESSION[userdetails]->id); $query = mysql_query($sql); // You are now connected ?> <head> <html> <head> <title>Split ListBox Text To Text Boxes</title> <script type="text/javascript"> <!-- archaic format: language="javascript" --> function SplitText (info) { if (info == '') { return; } var tarr = info.split(","); document.getElementById('tBox1').value = tarr[0]; document.getElementById('tBox2').value = tarr[1]; document.getElementById('tBox3').value = tarr[2]; document.getElementById('tBox4').value = tarr[3]; } </script> </head> <body> <form name="convert"> <p style="margin: 2px"> <p><select name="Groups" style="width: 176; height: 19; border: 1px solid #C0C0C0 ; font-size: 11px; font-family:Arial" size="1" onChange="SplitText(this.value)"> <option>===Select Group===</option> <?php $sql1 = mysql_query("SELECT * FROM qw_groups"); while($r1=mysql_fetch_assoc($sql1)){ $f1 = $r1[id]; $f2 = $r1[GroupName]; echo "<option value='$f1,$f2,,'>$f2</option>"; } echo "</select>"; ?> <p><select name="GroupItems" style="width: 176; height: 19; border: 1px solid #C0C0C0 ; font-size: 11px; font-family:Arial" size="1" onChange="SplitText(this.value)"> <option>===Select Group Item===</option> <?php // **** IS IT POSSIBLE TO PASS THE VALUE "$f1" FROM GROUPS TO GROUPITEMS **** // **** I WANT TO POPULATE THE SECOND DROPDOWN LIST WITH SUB-RECORDS WITHOUT SUBMIT /POST /REFRESH /OR RELOAD **** // WHERE id = $f1 ?? maybe some java code id = $val onChange ?? $sql2 = mysql_query("SELECT * FROM qw_groupitems WHERE id = $f1"); while($r2=mysql_fetch_assoc($sql2)){ $f3 = $r2[Subid]; $f4 = $r2[GroupItem]; echo "<option value='$f1,$f2,$f3,$f4'>$f4</option>"; } echo "</select>"; ?> </p> <!-- Input selected data from listBox --> <p style="margin: 2px"> <input type="text" name="textbox1" id="tBox1" value=""><br> <input type="text" name="textbox2" id="tBox2" value=""><br> <input type="text" name="textbox3" id="tBox3" value=""><br> <input type="text" name="textbox4" id="tBox4" value=""><br> </p> </form> </body> </html> I have a div what will contain a various number on images and i need to put all their src's into an array. Is this doable? Heres the code Code: <div id="imageHolder">
<!-- ONLY CHANGE THE SRC, NOTHING ELSE -->
<div style="width:770px;height:400px;overflow-y:auto;margin-bottom:5px;">
<img src="http://wholesalepadlocks.co.uk/ebayImages/AU080.JPG" alt="" width="750" id="mainImage"/><br /><br />
</div>
<img src="http://wholesalepadlocks.co.uk/ebayImages/au080a.jpg" alt="" width="240" height="120" onmouseover="Images = this.src;alert(Images)" />
<img src="http://wholesalepadlocks.co.uk/ebayImages/au080b.jpg" alt="" width="240" height="120" onmouseover="Images = this.src;alert(Images)"/>
<img src="http://wholesalepadlocks.co.uk/ebayImages/AU080.JPG" alt="" width="240" height="120" onmouseover="Images = this.src;alert(Images)"/>
</div>Ignore the onmouseover code i was attempting to do this but so far no luck :P
Hi, How can I auto populate the data by dropdown selected? and my dropdown result already appear as well, the code as following: PHP Code: <?php echo '<tr> <td>'.$customer_data.'</td> <td><select name="customer_id">'; foreach ($customers as $customer) { if ($customer['customer_id'] == $customer_id) { echo '<option value="'.$customer['customer_id'].'" selected="selected">'.$customer['name'].'</option>'; } else { echo '<option value="'.$customer['customer_id'].'">'.$customer['name'].'</option>'; } } echo '</select> </td> </tr>'; ?> and the result of dropdown above listed as admin customer1 FREE loaded from following db PHP Code: INSERT INTO `my_customer` (`customer_id`, `name`, `firstname`, `lastname`) VALUES (8, 'admin', '', ''), (6, 'customer1', 'ok', ''), (7, 'FREE', 'marj', 'om'); so whenever dropdown selected i want the all data below: PHP Code: <tr> <td><?php echo $firstname; ?></td> <td><?php echo $lastname; ?></td> </tr> also auto populate, it seem need javascript/ajax/jquery to fixed it, I was Wondering if someone could help me, and thanks in advance Hi, I'm working on a menu update form. I'm pulling the existing data from mysql and posting it into a form, using php. This works fine. But now I want the user to be able to modify the data and perform and update query to the database with the changes. I cannot figure out how to get the modified php text box data into my html form text boxes so I can run an update query. I would be ok with a button that transfers the php text box data to the html form data. Hope this is clear what I'm trying to do, seems simple enough, but I can't figure it out. Thanks in advance for any ideas. Hello, I need your help. I'd like to be able to populate a combo box (drop down box) from a column in my mdb database: Ex. of whats in mdb database Name -------------- Joey Jacob Smith Jerrod Patrick What should appear in drop down: [ ==== COMBO BOX ==== ] Joey Jacob Smith Jerrod Patrick I cant seem to find any help on the web for this? Thanks for all your help in advance. Hi guys, I am facing the above problem for a chatroom app that I am making. People will enter and exit the room any time they want, so i need a member list that updates itself to reflect this on the screen of all users that are in the chatroom. What i have thought of, is to have JS call a PHP function on specific intervals, and that PHP function will retrieve user data from a database and pass it to JS to display on the list. Is this method advisable? Are there any more suitable ways of doing this? I am thinking of applying the same theory for displaying and retrieving chat messages, but i get the feeling that something's missing for this, or maybe this method is not right for displaying messages. I have a table where when the cursor passes/hovers over a cell, the current cell, as well as the top cell in its column and the first cell in its row change backgroundColor. I have text fields outside the table which I want to populate with the contents of the cells affected by the mouseover event. So as the mouse moves over different cells, the contents of the text fields changes accordingly. I've got the backgroundColor to change, but when I try to assign the contents of the cells to the text fields, nothing happens. The change of backgroundColor even stops working. This is the code I'm usign to populate the fields. Code: document.getElementById("tableID").textfieldID.value = Col1Cell[0].innerHTML;
document.getElementById("tableID").textfieldID.value = HeaderCell[n].innerHTML;
document.getElementById("tableID").textfieldID.value = this.innerHTML;
I'm traversing through the <th> and <td> tags to find the header cell HeaderCell[n] and first column cell Col1Cell[0] associated with the current cell. If I leave out these lines the backgroundColor changes, if I use them, nothing happens at all. Can't figure out why. Any suggestions? I have two slightly different forms on the same page, but I want the values in form1 to auto populate the same form fields in form2. 1 field is a text field, the rest are drop down menus. How would I accomplish this? Link to tutorial would be much appreciated. Thanks
Need help with a loop to populate links menu from external page. I am trying to auto populate a links menu from an external page without manually changing them. My menu has 12 categorys and I would like to retreive 4 links in each category from an external page, selecting a category brings up a page with 4 to 10 links in the selected category. In the code below category number1 has been selected. please help me with a loop to auto populate the links in 12 categorys with 4 links each...even if only one category is populated after manual category selection would still be a big help. Thanks Code: /* ---------------------------------------external articles------------------------------ */
/* -------------item/category selection 1 thru 12 --------------------*/
<td class="num">1.</td><td class="selected">num1</td></tr>
<tr><td class="num">2.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">3.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">4.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">5.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">6.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">7.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">8.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">9.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">10.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">11.</td><td><a href="">selected page link</a></td></tr>
<tr><td class="num">12.</td><td><a href="">selected page link</a>
/* -------------end item/category selection 1 thru 12 --------------------*/
/* ---------------------------external page with news atricles--------------- */
<b>News Articles</b>
<div class="msc-result">
<div class="ms-newsResult ms-result">
<div class="ms-title"><a target="_blank" class="ms-title" href="http://www.xyz.com">bla bla:<b>keyword</b>short description</a></div>
<div class="ms-publisher">xyz News</div>
<div class="ms-publishedDate"> - Aug 05, 2011</div>
<div class="ms-relativePublishedDate"> - 8 hours ago</div>
<div class="ms-snippet">headline<b>keyword</b>description text<b>...</b></div>
<div class="ms-watermark"><a target="_blank" class="ms-watermark" href="http://xyz.com/faq.html">clipped from my articles - 8/2011</a></div></div></div>
<div class="msc-result">
<div class="ms-newsResult ms-result">
<div class="ms-title"><a target="_blank" class="ms-title" href="http://www.xyz.com">bla bla: <b>keyword</b>short description</a></div>
<div class="ms-publisher">xyz News</div>
<div class="ms-publishedDate"> - Aug 05, 2011</div>
<div class="ms-relativePublishedDate"> - 8 hours ago</div>
<div class="ms-snippet">headline<b>keyword</b>description text<b>...</b></div>
<div class="ms-watermark"><a target="_blank" class="ms-watermark" href="http://xyz.com/faq.html">clipped from my articles - 8/2011</a></div></div></div>
<div class="msc-result">
<div class="ms-newsResult ms-result">
<div class="ms-title"><a target="_blank" class="ms-title" href="http://www.xyz.com">bla bla: <b>keyword</b>short description</a></div>
<div class="ms-publisher">xyz News</div>
<div class="ms-publishedDate"> - Aug 05, 2011</div>
<div class="ms-relativePublishedDate"> - 8 hours ago</div>
<div class="ms-snippet">headline<b>keyword</b>description text<b>...</b></div>
<div class="ms-watermark"><a target="_blank" class="ms-watermark" href="http://xyz.com/faq.html">clipped from my articles - 8/2011</a></div></div></div>
<div class="msc-result">
<div class="ms-newsResult ms-result">
<div class="ms-title"><a target="_blank" class="ms-title" href="http://www.xyz.com">bla bla: <b>keyword</b>short description</a></div>
<div class="ms-publisher">xyz News</div>
<div class="ms-publishedDate"> - Aug 05, 2011</div>
<div class="ms-relativePublishedDate"> - 8 hours ago</div>
<div class="ms-snippet">headline<b>keyword</b>description text<b>...</b></div>
<div class="ms-watermark"><a target="_blank" class="ms-watermark" href="http://xyz.com/faq.html">clipped from my articles - 8/2011</a></div></div></div>
<div class="msc-result">
<div class="ms-newsResult ms-result">
<div class="ms-title"><a target="_blank" class="ms-title" href="http://www.xyz.com">bla bla: <b>keyword</b>short description</a></div>
<div class="ms-publisher">xyz News</div>
<div class="ms-publishedDate"> - Aug 05, 2011</div>
<div class="ms-relativePublishedDate"> - 8 hours ago</div>
<div class="ms-snippet">headline<b>keyword</b>description text<b>...</b></div>
<div class="ms-watermark"><a target="_blank" class="ms-watermark" href="http://xyz.com/faq.html">clipped from my articles - 8/2011</a></div></div></div>
/* ---------------------------------------end external articles------------------------------ */
/* -----------------display links page (ms publisher) will be link text---------------- */
/* -----------------Category is num1 thru 12 selection at top---------------- */
<div id="my_menu">
<ul>
<li><a href=""><img src=""; />
</a></li>
<ul></ul>
<li><a href="#">Article category / keyword</a>
<ul>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
</ul>
</li>
<li><a href="#">Article category / keyword</a>
<ul>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
</ul>
</li>
<li><a href="#">Article category / keyword</a>
<ul>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
</ul>
</li>
<li><a href="#">Article category / keyword</a>
<ul>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
<li><a href="" target="news">link text</a></li>
</ul>
</li>
!-- END MENU HTML-->
</div>
<div id="contentContainer">
</div>
Thanks Hi, I have these two pages which I want to link...the index.html is the main page. I want the list.html page to pop up when names is clicked..Then I want to be able to select all or some of the name from the list.html page and inset into the textbox on the index.html page, separated by commas with the list.html closing on insert. hope my ambition is clear enough... index.html PHP Code: <body> Add contacts:<br /> <input name="" type="text" /><br /> <a href="list.html" target="_new">names </a> </body> list.html PHP Code: <body> Contact list:<br /> <form id="form1" name="form1" method="post" action=""> <p> <input type="checkbox" name="checkbox" id="checkbox" /> Paul<br /> <input type="checkbox" name="checkbox" id="checkbox" /> Matthew<br /> <input type="checkbox" name="checkbox" id="checkbox" /> Philip<br /> <input type="checkbox" name="checkbox" id="checkbox" /> Grant </p> <p> <input type="submit" name="button" id="button" value="Insert" /> <br /> </p> </form> <br /> </body> A simple solution will greatly be appreciated .... thanks I have a web form that requests a user full name and email address. What I would like to do is when the user fills in the full name in one input box, I would like to take the full name and populate the email address field as such. "first.last@allstate.com". So pretty much split the full name and popluate email address field "first.last@allstate.com". Tracy Hi. I am not sure if this has been answered to other posts but I tried to search and I can't find the right answer for my problem. I am trying to learn javascript for my self and can't figure out my self. Actually this is the same like the pop-up calendar but the only difference is I don't want numbers, I need a list of options so user can choose and when they select, it will transfer to the textbox right away like the calendar. I have a form and trying to use a pop-up window to select an option then transfer the option selected to show on the textbox. I have 10 textboxes and all of them has a "Select" button to pop-up the option list. BTW, the "SELECT" button will populate the same option list. Here is my html code: Code: <select id="droplist" name="droplist" size="1" >
<option>Click to select...</option>
<?php foreach ($designation_list as $descode => $prompt) : ?>
<option <?php echo helper_selected($prompt == $form['droplist']); ?> value="<?php echo $prompt; ?>" style="width:500"><?php safeEcho($prompt); ?> </option>
<?php endforeach; ?>
</select>
below is my array: PHP Code: <?php $designation_list = array( "00111" =>"Aloha of the Pacific/Transfer Assistance Program for High Income Students", "71122" =>"Aloha", "71231" =>"Free Housing Information", "71232" => "Drama Queen and King", "98765" => "Aloha Boy Home of the Land", "12345" => "Aloha Home", ); I wanted to use the option list over and over again for the 10 textboxes. Is that possible? Below is my sample code but didn't work. Please help.... Code: //javascript
var testpopup5 = new PopupWindow("testdiv5");
testpopup5.offsetX=-20;
testpopup5.offsetY=20;
testpopup5.autoHide();
var testpopup5input=null;
testpopup5.populate('<select>Select: <select name="sel" id="sel" onChange="testpopup5pick(this.options[this.selectedIndex].value);"><OPTION VALUE="A">A</option>
<OPTION VALUE="B">B</option><OPTION VALUE="C">C</option></SELECT>');
function test5popupactivate(obj,anchor) {
testpopup5input=obj;
testpopup5.showPopup(anchor);
}
function testpopup5pick(val) {
testpopup5input.value = val;
testpopup5.hidePopup();
}
//html
<INPUT NAME="test5" SIZE=30 id="I">
<A HREF="#sel" onClick="test5popupactivate(document.getElementById['I'].test5,'anchor5');return false;" NAME="anchor5" ID="anchor5">Select</A>
<DIV ID="testdiv5" STYLE="position:absolute;visibility:hidden;background-color:#CCCCCC;width:200px;height:50px;"></DIV>
As you can see I get this code from somewhere else but it doesn't work on me. Is there an easy way to do it? Please help. Thanks in advance. |
|||||||