|
JavaScript - How Do I Add To String Each Iteration?
Similar TutorialsI am working on a commenting system and I was able to get it working by using 5 separate scripts, which are exactly the same, except for having slightly different variables. I had to repeat (copy & paste) the js function 5 times in the html <head>, and only allow for 5 posts per page. Which works fine. But, I thought maybe I could replace it with a single function that includes an iteration counter that changes the variables automatically? Here's what I have now (below), if you think this can be easily turned into 1 function with iteration counter, please let me know how, as I am new to js. I already have the iteration working on the php end, but, I just couldn't figure out how to do it for the javascript. Code: <script type="text/javascript">
$(function() {
$(".submit1").click(function() {
var post_id = $("#post_id1").val();
var member_id = $("#member_id").val();
var comment = $("#comment1").val();
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment 1');
} else {
$("#flash1").show();
$("#flash1").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("li#update1").append(html);
$("li#update1 li:last").fadeIn("3600");
$("#flash1").hide();
document.getElementById('post_id1').value='';
document.getElementById('member_id').value='';
document.getElementById('comment1').value='';
$("#comment1").focus();
$("#flash1").hide();
}
});
}
return false;
});
});
</script>
<script type="text/javascript">
$(function() {
$(".submit2").click(function() {
var post_id = $("#post_id2").val();
var member_id = $("#member_id").val();
var comment = $("#comment2").val();
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment 2');
} else {
$("#flash2").show();
$("#flash2").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("li#update2").append(html);
$("li#update2 li:last").fadeIn("3600");
$("#flash2").hide();
document.getElementById('post_id2').value='';
document.getElementById('member_id').value='';
document.getElementById('comment2').value='';
$("#comment2").focus();
$("#flash2").hide();
}
});
}
return false;
});
});
</script>
<script type="text/javascript">
$(function() {
$(".submit3").click(function() {
var post_id = $("#post_id3").val();
var member_id = $("#member_id").val();
var comment = $("#comment3").val();
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment 3');
} else {
$("#flash3").show();
$("#flash3").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("li#update3").append(html);
$("li#update3 li:last").fadeIn("3600");
$("#flash3").hide();
document.getElementById('post_id3').value='';
document.getElementById('member_id').value='';
document.getElementById('comment3').value='';
$("#comment3").focus();
$("#flash3").hide();
}
});
}
return false;
});
});
</script>
<script type="text/javascript">
$(function() {
$(".submit4").click(function() {
var post_id = $("#post_id4").val();
var member_id = $("#member_id").val();
var comment = $("#comment4").val();
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment 4');
} else {
$("#flash4").show();
$("#flash4").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("li#update4").append(html);
$("li#update4 li:last").fadeIn("3600");
$("#flash3").hide();
document.getElementById('post_id4').value='';
document.getElementById('member_id').value='';
document.getElementById('comment4').value='';
$("#comment4").focus();
$("#flash4").hide();
}
});
}
return false;
});
});
</script>
<script type="text/javascript">
$(function() {
$(".submit5").click(function() {
var post_id = $("#post_id5").val();
var member_id = $("#member_id").val();
var comment = $("#comment5").val();
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment 5');
} else {
$("#flash5").show();
$("#flash5").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("li#update5").append(html);
$("li#update5 li:last").fadeIn("3600");
$("#flash5").hide();
document.getElementById('post_id5').value='';
document.getElementById('member_id').value='';
document.getElementById('comment5').value='';
$("#comment5").focus();
$("#flash5").hide();
}
});
}
return false;
});
});
</script>
maybe i've been spoiled by php's associative arrays which can be both sorted/iterated in a reliable, consistent order AND accessed via indexed string keys...but is there something like this in javascript? it seems any way you slice it (pardon the pun), you have to write an object that maintains either keys for you or element order. i suppose it makes more sense to maintain keys since there are a lot of built-in functions for working with arrays. any thoughts? thanks, Leon Hey all, I have a simple example below showing how when I pass in the value of the value attribute of option node, and then use if operator to check whether parameter is a string or not, even though it's a string, it converts it to false boolean and triggers the else statement rather than calling a function: Code: <body> <select> <option value="createMsg">Add Message</option> <option value="removeMsg">Remove Message</option> </select> </body> Code: var menu = {
handleMenu : function(callback){
if(callback === "string"){
menu[callback]();
}
else {
console.log("Issue occurred")
}
},
createMsg : function(){
var content = document.createTextNode("Please give additional information."),
heading = document.createElement("h1");
heading.appendChild(content);
document.body.appendChild(heading);
},
removeMsg : function(){
}
}
document.getElementsByTagName('select')[0].onchange = function(){ menu.handleMenu(this.value)};
callback should be a string so why is it saying otherwise? Thanks for response This is probably easy if I knew Javascript. Can someone show me the code to get the number "800014352" part from the url???? http://testebiz/ebizbtest/ShoppingCa...2/Default.aspx I was looking at this page, and came across "%" used in strange context. It appears that the mod operator can be used in Strings?? http://download.oracle.com/javase/tu...vaOO/enum.html What does this do/ mean? Thanks!!: System.out.printf("Your weight on %s is %f%n", p, p.surfaceWeight(mass)); I am trying to use some string functions with no results. It appear what I'm using them on are not strings. my_string = document.getElementById("link5").onclick; document.write(my_string.lastIndexOf("5")); This gets nothing! And document.write(document.getElementById("link5").onclick.lastIndexOf("5")); gets nothing. BUT if I make a string and put what the onclick is set to with: my_string = "function onclick(event) { reveal(\"5\", \"2\", \"1864\")"; then my_string.lastIndexOf("5") will yield 34. So why is my original my_string = not working? And how can I get it to work? I need help with the following code below. It just doesn't turn out okay. Any ideas? Code: function changing() {
A = document.exempel.Amount.value
B = ("<%#Container.DataItem("Price_2_qty")%>")
C = ("<%#Container.DataItem("Price_3_qty")%>")
D = ("<%#Container.DataItem("Price_4_qty")%>")
E = ("<%#Container.DataItem("Price_5_qty")%>")
if (A < B) {document.exempel.Price.value = "<%#Container.DataItem("Price_1")%>"}
else if (A = B && (!(A >= C))) {document.exempel.Price.value = "<%#Container.DataItem("Price_2")%>"}
else if (A = C && (!(A >= D))) {document.exempel.Price.value = "<%#Container.DataItem("Price_3")%>"}
else if (A = D && (!(A >= E))) {document.exempel.Price.value = "<%#Container.DataItem("Price_4")%>"}
else if (A >= E) {document.exempel.Price.value = "<%#Container.DataItem("Price_5")%>"}
}
I am using javascript to search for the '*' character in a string (ie. 'username*:') but using search('\*') does not work. How do I search for it since the search function takes a regexp argument and * messes that up?
Hello, I have the following Javascript function: Code: function loadReviews(){
var url='http://search.twitter.com/search.json?callback=?&q=test';
jQuery.getJSON(url,function(json){
jQuery.each(json.results,function(i,review){
jQuery("#divroller_container").append('<div class="reviews" id=item'+i+'>'+review.text+'<br>Reviewed By: '+review.from_user+'</div>');
});
start(30000, 1);
});
}
I'm trying to use this in a PHP page. I tried to make do an echo ' and then display the Javascript but I'm struggling on how to convert the following line to PHP to that it still works like it should in Javascript: Code: jQuery("#divroller_container").append('<div class="reviews" id=item'+i+'>'+review.text+'<br>Reviewed By: '+review.from_user+'</div>');
I still need the Javascript variables to function the same etc. Any help would be greatly appreciated. Thanks in advance! Hey guys. I'm trying to display a grid of data basically, but inside a table and with appropriate closing and beginning of td and tr tags. I'm having a very weird problem. Here is my code: Code: tasks = document.getElementById('tasks');
var i = 0;
tasks.innerHTML = <tablebgcolor=silver>";
while (i < 3)
{
tasks.innerHTML = tasks.innerHTML + "<tr><td>";
tasks.innerHTML = tasks.innerHTML + text[i][0];
tasks.innerHTML = tasks.innerHTML + "</td><td>";
tasks.innerHTML = tasks.innerHTML + text[i][1];
tasks.innerHTML = tasks.innerHTML + "</td><td>";
tasks.innerHTML = tasks.innerHTML + text[i][2];
tasks.innerHTML = tasks.innerHTML + "</td></tr>";
i++;
}
tasks.innerHTML = tasks.innerHTML + "</table>";
The html just doesn't work when it's in a string. I have to put each "<tr><td>", "</td><td>", </td></tr>", <table bgcolor=silver>", etc. into it's own variable and do it that way. That doesn't seem like it should be happening and I don't think it would be good to do it that way in the long run. Can someone tell me what I'm doing wrong? When comparing an empty string "" to another string like "1232", javascript is returning true. Why is that?
What would the best be to split the following string: "only(a-z,A-Z,1-9)" I want to split it into a array to look like this: array(only, a-z, A-Z, 1-9); Hi I have a given url and want to back up a level. So for example if start with: url = "test/level1/level2/level3/" I would like to it remove the "level3/" to become url="test/level1/level2/" Hi guys im new here i have a project about searching string im am going to use javascript the program should look like this. Enter first word: abcd Search in first Word: ab then pop up ab found then if i type like sdg then pop up sdg not found something like this plss how can i do that Hello, I need your help. Let's say for example if I have the following file number: 2011-1234567 and if the value of the variable is already the same (ie. var fileNo = 2011-1234567) how can I go about automatically adding a number at the end? ex.1.) var fileNo = "2011-1234567" if (fileNo already exists) { fileNo = 2011-1234567-2 } ex.2.) var fileNo = "2011-1234567-2" if (fileNo already exists) { fileNo = 2011-1234567-3 } ect. Much thanks and appreciation for all your help. Jay Hello, I need your help. How could I write a functional if statement such that it would check against a series of various word strings seperated by commas ie. function check(y) { //y = "FOR INPUT" var string_to_check = FOR INPUT, FOR ACTION, FOR APPROVAL if (y isin string_to_check) { return 1 } } Thanks for everyones help. J My problem is relates to getting part of the text from a div, then pass this on to a variable which then acts upon it. This is a short summary in detail: http://jsfiddle.net/defencedog/W9Fsw/ Above simulates a Forum like environment (PHPBB3). here user can't insert html in posts thus a customised BBcode ([doc])is made in which is placed the required src attribute, unique to every SCRIBD document. The goal is to get the text within the two [doc] & that will be something like (discarding the two BBCodes) Code: src="http://www.scribd.com/embeds/2942002/content?start_page=1&view_mode=list&access_key=key-sxlnrfvqu5s22kzi5xb" then pass it on as a variable named src, which will then replace the contents to achieve desired output. Notice the two problems 1] how do I select the div upon which the action is to take place I.e that contains [doc]. Remember there occurs other divs as well in a posted message? 2] How do I select the desired text? Plz do giv me some suggestions Hello, I need your help. For one reason or another, I have a textarea with text in it, however, when I call it back and store it in var, it seems to strip all the spaces. [ID = "COMMENTS"] Ie. of what's in the textarea: ---------------------------------------------- Apples are red Oranges are orange Pears are green Bananas are yellow var comments = document.getElementById("comments").value returns: Apples are red Oranges are orange Pears are green Bananas are yellow How could this be re-written such that the spaces in between the text aren't ignored? Much thanks and appreciation for everyones help. Cheers J Hi, I'm working on refining my search function. At the moment it works fine like this: Code: function searchLocations()
{
var found = false;
var input = document.getElementById('autocomplete').value;
for (var j = 0; j < gmarkers.length; j++)
{
if (gmarkers[j].myname.toLowerCase() == input.toLowerCase())
{
found = true;
gmarkers[j].show();
myclick(j);
}
}
if ( ! found ) alert("No matches found. Please check your spelling or refine your search.");
}
but you have to get the input exactly the same as it is in the array for it to work (as it should, being that that's the way it's written). I wanted to split it so that for example Black Cat Hotel would pop if the user entered Black OR Cat OR Hotel (or any combination of the above). So I thought that this might work: Code: function searchLocations()
{
var found = false;
var input = document.getElementById('autocomplete').value;
for (var j = 0; j < gmarkers.length; j++)
{
var s = gmarkers[j].myname.toLowerCase().split(" ");
if ( s == input.toLowerCase())
{
found = true;
gmarkers[j].show();
myclick(j);
}
}
if ( ! found ) alert("No matches found. Please check your spelling or refine your search.");
}
but obviously not. Is there some better way to do this? |
|||||||