JavaScript - Execute Dynamic Html/javascript

HI peers,
i need to run a sql query fromjavascript onclick button
and display data in a textarea .
is this possible ?

than you .

First off; i was in two minds if this belonged in the .php forum or the javascript forum; i apologize if i chose the wrong one.

I have this .php code:
PHP Code:
<?php 
        $query = "SELECT mail_id FROM ".TBL_MAIL." WHERE UserTo = '$session->username' and status = 'unread'";
        $numUnreadMail = $database->query($query) or die(mysql_error());
        $numUnreadMail = mysql_num_rows($numUnreadMail);

        if($numUnreadMail == 0){ echo '<img src="../images/global/mail_imgs/inbox_0.png" width="22" height="15" />';}
        if($numUnreadMail == 1){ echo '<img src="../images/global/mail_imgs/inbox_1.png" width="22" height="15" />';}
        if($numUnreadMail == 2){ echo '<img src="../images/global/mail_imgs/inbox_2.png" width="22" height="15" />';}
        if($numUnreadMail == 3){ echo '<img src="../images/global/mail_imgs/inbox_3.png" width="22" height="15" />';}
        if($numUnreadMail == 4){ echo '<img src="../images/global/mail_imgs/inbox_4.png" width="22" height="15" />';}
        if($numUnreadMail == 5){ echo '<img src="../images/global/mail_imgs/inbox_5.png" width="22" height="15" />';}
        if($numUnreadMail == 6){ echo '<img src="../images/global/mail_imgs/inbox_6.png" width="22" height="15" />';}
        if($numUnreadMail == 7){ echo '<img src="../images/global/mail_imgs/inbox_7.png" width="22" height="15" />';}
        if($numUnreadMail == 8){ echo '<img src="../images/global/mail_imgs/inbox_8.png" width="22" height="15" />';}
        if($numUnreadMail == 9){ echo '<img src="../images/global/mail_imgs/inbox_9.png" width="22" height="15" />';}
        if($numUnreadMail == 10){ echo '<img src="../images/global/mail_imgs/inbox_10.png" width="22" height="15" />';}
        if($numUnreadMail == 11){ echo '<img src="../images/global/mail_imgs/inbox_11.png" width="22" height="15" />';}
        if($numUnreadMail == 12){ echo '<img src="../images/global/mail_imgs/inbox_12.png" width="22" height="15" />';}
        if($numUnreadMail == 13){ echo '<img src="../images/global/mail_imgs/inbox_13.png" width="22" height="15" />';}
        if($numUnreadMail == 14){ echo '<img src="../images/global/mail_imgs/inbox_14.png" width="22" height="15" />';}
        if($numUnreadMail == 15){ echo '<img src="../images/global/mail_imgs/inbox_15.png" width="22" height="15" />';}
        if($numUnreadMail == 16){ echo '<img src="../images/global/mail_imgs/inbox_16.png" width="22" height="15" />';}
        if($numUnreadMail == 17){ echo '<img src="../images/global/mail_imgs/inbox_17.png" width="22" height="15" />';}
        if($numUnreadMail == 18){ echo '<img src="../images/global/mail_imgs/inbox_18.png" width="22" height="15" />';}
        if($numUnreadMail == 19){ echo '<img src="../images/global/mail_imgs/inbox_19.png" width="22" height="15" />';}
        if($numUnreadMail == 20){ echo '<img src="../images/global/mail_imgs/inbox_20.png" width="22" height="15" />';}

        //Middle Section
        echo '</a>
        <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">';
            if($session->isAdmin()){ echo '<a href="http://localhost/admin/admin_mailinbox.php">View Inbox&nbsp;';}
            else{ echo '<a href="http://localhost/mailinbox.php">View Inbox&nbsp;';}
        
        //Displays the correct number on drop tab
        if($numUnreadMail == 0){ echo '&nbsp;';}
        if($numUnreadMail == 1){ echo '(01)';}
        if($numUnreadMail == 2){ echo '(02)';}
        if($numUnreadMail == 3){ echo '(03)';}
        if($numUnreadMail == 4){ echo '(04)';}
        if($numUnreadMail == 5){ echo '(05)';}
        if($numUnreadMail == 6){ echo '(06)';}
        if($numUnreadMail == 7){ echo '(07)';}
        if($numUnreadMail == 8){ echo '(08)';}
        if($numUnreadMail == 9){ echo '(09)';}
        if($numUnreadMail == 10){ echo '(10)';}
        if($numUnreadMail == 11){ echo '(11)';}
        if($numUnreadMail == 12){ echo '(12)';}
        if($numUnreadMail == 13){ echo '(13)';}
        if($numUnreadMail == 14){ echo '(14)';}
        if($numUnreadMail == 15){ echo '(15)';}
        if($numUnreadMail == 16){ echo '(16)';}
        if($numUnreadMail == 17){ echo '(17)';}
        if($numUnreadMail == 18){ echo '(18)';}
        if($numUnreadMail == 19){ echo '(19)';}
        if($numUnreadMail == 20){ echo '(20)';}
        ?>

which displays in this navigation:
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()"
class="link_image">
<?php
include_once('../include/mailicon_codes.php');
?>
</a>

I wondered how or if it is even possible to use javascript to execute the first .php code so that the user would know if he/she had a new message without refreshing the page?

Any help is greatly appreciated as i suck at .js

cheers, Callum

FF, Safari, Opera all execute this javascript code to refresh the page properly, but in IE version 8.0.6001.18904 the page doesn't seem to refresh on click of orange_refresh button. I have checked out a different version of IE8, don't recall exact version, but it did seem to work fine in that one, whatever version it was probably the latest now that I think of it. Check out code below any sug.'s could be helpful, though its probably a bug..
Code:

<a href="javascript:document.location.reload();"
onmouseover="window.status='Refresh'; return true"
onmouseout="window.status='Page Refreshed'"><img src="image/orange_refresh.png" 
width="30" height="30" border="0" /></a>

Hey there CF members,

i have a huge problem with dynamic JavaScript

i am using .load function which is the part of my script built by my programmers to load objects dynamically in JS.


the code reads
PHP Code:
$("#content").load("SOME CODE HERE",hideUpdate); 


The division id is Content as u can see above.

the need is to add a html code at the beginning of it

like in php we can use dot operator like

"SOME CODE IS " . $ code

same way what can we use in here in dynamic html to combine a custom HTML


regards

i want to build a form have a "payment" select option
ex. when user choose option "credit card" is will show some textbox(firstname and lastname,ccnumber,ccv,expday...)
when user choose option "paypal" is will show some textbox(firsname,email paypal).

Please help me solve this

Hello,

I've used the concept from this website to build a form.
http://www.enviromark.ca/english/quoteform.html

Notice how the second drop down options change depending on what option is selected in the first drop down.

Here's the Javascript
Code:

var Option1_Array = new Array("Choose a version", "1", "2");
var Option2_Array = new Array("Choose a version", "3", "4");


function program(objProgram) {
  var objVersion = objProgram.form.Version;
  var selectedArray  = window[objProgram.options[objProgram.selectedIndex].value.replace(/\s/g,'') + "_Array"];
  objVersion.options.length = 0;
  for (var i=0; i < selectedArray.length; i++) {
    objVersion.options[i]=new Option(selectedArray[i], selectedArray[i].replace(/->\s/g, ""));
  }
}

Here's the HTML
Code:

 <form>


                  
        <select name="Program" onChange="program(this)">
            <option value="Start">Please choose a program</option>
            <option value=Null>---------------------------------------></option>
            <option value="Option1">1</option>
            <option value="Option2">2</option>

          </select>
      
     
        <select name="Version" onChange="">
           
        </select>
     
       </form>

Now, this code works perfectly, and does exactly what I want it to. BUT I'd like to add more fields that accomplish the same thing.

For example choose option1 --> version 2 --> type 3 --> thing 5

Now, in order to do this I believe you need to generate a 'value = "a_value"' in the generated html option and select fields. That way, all you need to do is make separate functions for each level and the function can call the 'value' html attribute to handle each <select> depending on its declared value.

If this is the best way (it sounds a little sketchy to me) then any help would be great. Or, if you can add on more child selection options within one function.

Thanks,
-Matthew

I have this piece of javascript code, which enables me to get my Picasa photos without link back feature, in my webpage. The issue is with the hardcoded RSS url feed. I want this to be dynamically passed as a variable to the java script.

I use a PHP code, where this javascript is coded.
In the below code, if I say
var samples = <?php $url_code ?>,
the javascript does not recognize.

Can someone help on this, as I use the same PHP code, with different
url feeds, to display different picasa photo albums ?


Code:

<script type="text/javascript">
    function load() {
    var samples =  "https://picasaweb.google.com/data/feed/base/user/......................../........./.........?alt=rss&kind=photo&authkey=.....................&hl=en_US" 
    var options = {
	    numresults: 2,
		scaleimages: true,
		maintainAspectRatio : false,
        displayTime: 1000,
        transistionTime: 300,
        //linkTarget : google.feeds.LINK_TARGET_BLANK
      };
      new GFslideShow(samples, "slideshow", options);
    }
	google.load("feeds", "1");
    google.setOnLoadCallback(load);
   </script>

Hi,

I'm trying to create a dynamic form using Javascript. This form essentially needs to collect data through certain fields and populate another.

Code:

<input name="Field1" type="text" />
<input name="Field2" type="text" />
<input name="Field3" type="text" />
<input name="Field4" type="text" />
<input name="Field5" type="text" />

Field 6 value = answer

I'm stuck on how to go about this. I'm assuming I need to create multiple conditions to check each field and then output to a text box?

Code:

if ((document.thisform.Field1.value == null) && (document.thisform.Field2.value == null)) {

I've done a bit of searching around but can't find anything with particular reference to this exact requirement, only brick level functions.

If I have left anything out, or if it's all amiss, please let me know.

Hi All,

I tried to add links to open local xml files in browser in a dynamic table cells. I need help. I tried all ways but I think I miss something.
I can open them without table just by document.write(xmlfile location).
Here is my code. please help.

function showResultsTable(searched, srchedname) {
// get the reference for the body
var mybody = document.getElementsByTagName("body")[0];

// creates a <table> element and a <tbody> element
mytable = document.createElement("table");
mytable.setAttribute('id', 'resulttable');
mytablebody = document.createElement("tbody");

// creating all cells
var mycurrent_cell = new Array();

for(var j = 0; j < srchedname.length; j++) {
// creates a <tr> element
mycurrent_row = document.createElement("tr");

mycurrent_cell[0] = document.createElement("td");
currenttext = document.createTextNode(j);
mycurrent_cell[0].appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell[0]);


mycurrent_cell[1] = document.createElement("td");
link = document.createElement("a");
link.name = ""+srchedname[j]);
link.href = "C:\\AAA\\TestCasesList.xml";
mycurrent_cell[1].appendChild(link);
mycurrent_row.appendChild(mycurrent_cell[1]);

mycurrent_cell[2] = document.createElement("td");
currenttext = document.createTextNode(searched[j]);
mycurrent_cell[2].appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell[2]);

// appends the row <tr> into <tbody>
mytablebody.appendChild(mycurrent_row);
}
// appends <tbody> into <table>
mytable.appendChild(mytablebody);
// appends <table> into <body>
mybody.appendChild(mytable);
// sets the border attribute of mytable to 2;
mytable.setAttribute("border", "2");

}

Hi,

In page load of an asp.net, I am creating some dynamic checkboxes..

How can I use the javascript to refresh these checkboxes without loading the whole page?

Regards,
batool

Hi everyone,
i am stuck at a problem.
i am trying to craete a redimmensionable array using javascript, is there a way to do this, i know that this can be done in vbscript using redim and preserve commands.

If not then is it possible to variables between javascript and vbscript, or call vbscript function using javascript.

a sample code will be much aprreciated

thanks for your time!

J

hi friends,

I am looking for a solution to display the records of a dynamically selected mysql table using ajax,jsp & js combinations.

any sites showing some example

thnx in advance.

Hello,

I have been noticing a really cool trend on the web and it is called the javascript carousel. Not the one from dynamic Drive. Here is an example of what I am talking about; carousel http://food.yahoo.com/;_ylt=AtuShzEA...hz75HDg9VIY.Y5 check on the bottom of the page where it says "try these recipes" I just love the circle indicating how many "pages there are. Do you know where I can find the tutorial or script for this effect?

Thanks,

Creations_Kash

Hello -

I am new to creating dynamic stamps in Adobe, but what I have at the moment is the following code pulling in the date automatcially for me:

Code:

 event.value = (new Date()).toString();
AFDate_FormatEx("mm/dd/yy");

This is working great. Now what I need to do is put a set of initials in front of the date it is pulling in. And I have been successful with several sets of initials. Such as:
Code:

 event.value = (new Date()).toString();
AFDate_FormatEx("BS mm/dd/yy");

But when I enter an "M" or "H", the dynamic stamp pulls in the current hour for H and the current minute for M.

So I am wondering if there is another code I can implant within the dynamic stamp to put the initials right before the date??

Any help would be appreciated.

Thanks,
Brandy