How to add new form input field with javascript?

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.6.1.min.js”>
<script type=”text/javascript” src=”http://jquery.offput.ca/js/jquery.highlightFade.js”>

function addFormField() {
var id = document.getElementById(“id”).value;
$(“#divTxt”).append(”

Field ” + id + “   &nbspDelete

“);

$(‘#row’ + id).highlightFade({
speed:1000
});

id = (id – 1) + 2;
document.getElementById(“id”).value = id;
}

function removeFormField(id) {
$(id).remove();
}

Add

1. I wantr to get field label from input field and generate new input field with it
for example. get

and generate new field with field_name label after clicking “Add”

2. I want to create columns with added field_name in MySQL db

How to execute a script inside a

I basically have an Index.html file which includes jQuery.js and my own custom Animations.js. The animations script is used to place content inside

by retrieving it from several html files (an about / contact / disclaimer field) and it gives it a nice animated look, without having to reload the rest of the page.

However, I need to execute some scipt in *some* of these content files (the contact field needs to be a bit more than just static html, the about field should display a google map).

at the moment this doesnt work, probably because the content files are not loaded at the same time as index.html, they are retrieved by the jQuery library like this:
$(“#wrapper”).load(hash + “.html #content”);

I tried just throwing javascript inside the contact.html / about.html files, and I also tried using the animations.js to append the javascript to a div inside those html. Both are not working.

The best way to go is probably to add the javascript inside the animations.js, and let it execute as soon as a certain div loads. But how do I do that?

So I want the browser to wait until the contact tab is clicked, the contact.html loads inside the content div (retrieved by ajax), then the javascript needs to be executed INSIDE that div.

All help is greatly appreciated!

Feroxium.
Thanks Partha! I found the answer…

I added this function to my animation.js file, and called the function right after Jquery loads the html. I will have to tweak it a bit, but firebug helped me a lot!

function setAjaxContent(divId, html) {
var temp = html;
while(true) {
var sindex = temp.indexOf(“”);
if(sindex < 0) break;
var eindex = temp.indexOf(“”,sindex);
var js = temp.substring(sindex+8,eindex);
eval(js);
temp = temp.substring(eindex+9);
}
document.getElementById(divId).innerHTML=html;
}
Apparently the above solution doesnt work… xD

Ajax/Php Live Search -> Need Help!?

*****Code Updated as of 3/24**

<script type=”text/javascript” src=”jquery.js”>

$(document).ready(function(){
$(“.search”).click(function(){
$.post(“search.php”, { keywords: $(“.keywords”).val() }, function(data){
$(“div#content”).empty()
$.each(data, function(){
$(“div#content”).append(“- ” + this.first + ” ” + this.last + ““);
});
});

**search.php**

$row["pID"], “last” => $row["lname"], “first” => $row["fname"] );
}

echo json_encode( $arr );
?>

It still is doing nothing if I type in a value into the database. I click submit and nothing shows up.

PHP/AJAX infinite scroll through database comments?

Okay so I have 2 files:
Heres member.php:

$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() – $(window).height()){
$(‘#loadMore’).show();
$.ajax({
url: “memberPOSTS.php?lastid=” + $(“.postitem:last”).attr(“id”),
success: function(html){
if(html){
$(“#postswrapper”).append(html);
$(‘#loadMore’).hide();
}else{
$(‘#loadMore’).html(‘No more posts to show.’);
}
}
});
}
});

And heres memberPOSTS.php
include(“connect.php”);
if($_GET['lastid']){
$query = ‘SELECT * FROM ‘.$username.’ WHERE id < “‘.$_GET['lastid'].’” ORDER BY id DESC LIMIT 0, 10′;
$result = mysql_query($query);
while($rows = mysql_fetch_assoc($result)) {
$commentID=$rows['id'];
$commentUsername = $rows['username'];
$wwwName=$rows['name'];
$wwwComment= $rows['comment'];
$commentDate =$rows['date'];
$wwwAppreciate = $rows['appreciate'];
$wwwDepreciate = $rows['depreciate'];
$explode = explode(” “, $wwwComment, 5);
foreach($explode as $explode){
$wwwComment = wordwrap($wwwComment, 60, “n”, true);
}

include(“connect_to_mysql.php”);
$img = mysql_query(“SELECT imageLocation FROM users WHERE username=’$commentUsername’”);
while($information = mysql_fetch_assoc($img)){
$imageLocation = $information['imageLocation'];
echo ”

$wwwName
Shared:

$commentDate *

Appreciate [$wwwAppreciate]
*
Depreciate [$wwwDepreciate] *
Comment

How do I get this div to scroll left?

<script type=”text/javascript” src=”js/jquery-1.4.min.js”>

function Ticker() {

$.getJSON(“ticker.py”, {“mode” : “Update”}, function(data) {
var i = 0;
while (i < 5){

$(“#Inner”).append(‘‘ + data.Ticker[i].name + ‘(‘ + data.Ticker[i].acro + ‘)’ + ‘$’ + data.Ticker[i].price + ‘____’ + ‘‘);
i = (i + 1);
}

Browse();
});
}

function Browse() {
$.getJSON(“ticker.py”, {“mode” : “Update”}, function(data) {
(data.Players, function(data) {
$(‘#Inner’).append(data.Ticker.name + ‘(‘ + data.Ticker.acro + ‘)’ + ‘$’ + data.Ticker.price) });

//$(‘#Inner’).html(”);
setTimeout(Browse, 10000);

$(‘#Inner’).animate({scrollLeft: $(‘#Inner’)[0].scrollWidth});

});
}
$(document).ready(function (data) {
Ticker()

});

var obj = document.getElementById(‘#Inner’);
obj.scrollLeft = obj.scrollWidth;

I’m having a tad bit trouble getting the “inner” div to scroll left. I realize that my code is quite a bit redundant and lengthy, but I am just a beginner. I just need a little help getting it to scroll.
What I’m basically trying to do is get the inner div to move left inside of the outer div.
Kind of like a news ticker or stock ticker