|
JavaScript - Line Break In Javascript By Using Createdatarow?
Hi there, I could probably say that I'm some sort of "game developer" as we're modifying an old (but great) hockey title that has html frontend.
http://z6.invisionfree.com/flyermani...showtopic=1864 My JS skills suck though... I have millions of great ideas but because of my very limited skills I run into all kinds of obstacles all the time. This is yet another. I'd like to redesign the scoring summary layout in the game... so I'm trying to create a scoring line that would show the goal scorers like this: Atlanta Scoring: Antropov (1), Reasoner (1) But currently I'm always getting a line break and I get the scorers like this: Antropov (1) Reasoner (1) etc. Screenshot: My code must be sloppy as hell though: This shows the scorers: Code: var sDataHTML4 = ""
var aHeaderText = new Array(nhlMsg(" Goal assist") , nhlMsg("Team"), nhlMsg("# Assists", true) );
var aHeaderWidth = new Array( 300 , 120, 50);
var sHeaderHTML4 = createHeaderRow( aHeaderText , aHeaderWidth );
for ( var i = 0; i < oAwayLastGame.nNumPlayers; i++ )
{
if (oAwayLastGame.aPlayerStats[i].nAssists > 0)
sDataHTML4 += createDataRow4( oManagerInterface.GetPlayerFullName( oAwayLastGame.aPlayerStats[i].nPlayerID), ( oManagerInterface.GetTeamShortName(oAwayLastGame.nTeamID)), oAwayLastGame.aPlayerStats[i].nAssists) ;
}
return createTable( sHeaderHTML + sDataHTML + sDataHTML2 + sHeaderHTML3 + sDataHTML4 + sDataHTML3 + sGoals );
Datarow arguments: Code: function createDataRow4( args )
{
var sHTML = "<tr>";
var nNumArgs = arguments.length;
for( nIndex = 0 ; nIndex < nNumArgs ; nIndex++)
{
(nIndex == 0 ) ? sHTML += "<td class=\"fourthDataCell\">" + arguments[nIndex] + "</td>" :sHTML += "<td class=\"data2\">(" + arguments[nIndex] + ")</td>"
}
return sHTML += "</tr>";
}
What the heck I have to do make the scorers to show all in the same line? Does "create datarow" automatically define them in one separate row? The answer must be simple but I simply can't figure it out... I have tried to Google this for days now. Thanks. Similar TutorialsI have this Javascript and I am wanting to create a line break between the tweet and the time it was posted, here is the javascript, I am guessing I need to insert the <BR> tag somewhere but just not sure where? Thanks function twitterCallback2(twitters) { var statusHTML = []; for (var i=0; i<twitters.length; i++){ var username = twitters[i].user.screen_name; var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) { return '<a href="'+url+'">'+url+'</a>'; }).replace(/\B@([_a-z0-9]+)/ig, function(reply) { return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; }); statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>'); } document.getElementById('twitter_update_list').innerHTML = statusHTML.join(''); } function relative_time(time_value) { var values = time_value.split(" "); time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3]; var parsed_date = Date.parse(time_value); var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); var delta = parseInt((relative_to.getTime() - parsed_date) / 1000); delta = delta + (relative_to.getTimezoneOffset() * 60); if (delta < 60) { return 'less than a minute ago'; } else if(delta < 120) { return '<br>about a minute ago'; } else if(delta < (60*60)) { return (parseInt(delta / 60)).toString() + ' minutes ago'; } else if(delta < (120*60)) { return 'about an hour ago'; } else if(delta < (24*60*60)) { return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago'; } else if(delta < (48*60*60)) { return '1 day ago'; } else { return (parseInt(delta / 86400)).toString() + ' days ago'; } } I have these line of javascript: Code: $(document).ready(function () {
/*$('#first').focus();
$(this).keyup(function (e) {
if (e.keyCode == 13) {
generate();
}
});*/
});
function generate() {
if($("input[name='name']").val().length > 1) {
fi = $("input[name='name']").val().substring(0,1).toUpperCase();
var sl = ["Cool "];
var sl2 = ["Hand "];
var sl3 = ["Luke",];
{
var i = Math.floor(Math.random() * sl.length);
var j = Math.floor(Math.random() * sl2.length);
var k = Math.floor(Math.random() * sl3.length);
var nick = sl[i] + sl2[j] + sl3[k];
}
{
$("#answer").text("Your Name Is: " +nick);
$("#answer").fadeIn("slow");
} ;
}
}
I would like for it to return: Your Name Is: Cool Hand Luke I want the "Cool Hand Luke" to be on a separate line but I don't know how to put a linebreak in the .text string. Is this something somebody could tell me how to do? Where in the line: Code: $("#answer").text("Your Name Is: " +nick);
Do I put (<br>) Hi there, I am working on javascript, the problem i have faced here is, i am unable to break the line in javascript. Actually i am using a javascript to open Microsoft Outlook Express, And in the body text i am sending some value like "Name and Address(Shown in code)". I want after task it should break the line and the value of Address will start from new line. But i am unable to do that. The code i have used is given below. Code: // JScript File
function EmailIt(emailTO,strAddress,strName)
{
var daReferrer = document.referrer;
var task = escape(document.URLUnencoded);
var issue_id = document.URLUnencoded.split("=");
var email = emailTO;
var Address = strAddress;
var Name = strName;
var subject = "Issue Task number is " + issue_id[issue_id.length-1] + " - " + Address ;
var body_message = "Name "+ Name + " <br />\r\n " + " Address " + Address;
var mailto_link = 'mailto:'+email+'?subject='+subject+'&body='+body_message;
win = window.open(mailto_link);
if (win && win.open &&!win.closed) win.close();
}
Also i have used following syntax to break the line: //body_message += '<br />\r\n'; //body_message += " "; //body_message += "\"\n\"";. But didn't got succeed. Can anybody help me to come out of this problem. Regards Vimal kumar Madhepura, Bihar Hey guys I export data from Javascript to Xml file. I have tried several ways to break a line in xml file like document.write("<br/>"); or document.writeln(); etc, but seem it is impossible. Maybe you can give me a solution...... Look at below: XML File: <?xml version="1.0"?> <DATA> <Cust>< Select>Debit Card</Select> </Cust ><Cust>[ User>Jan</User ></Cust> <DATA> I want to break <Cust> from another <Cust>. Javascript: function ok_click() { var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.6.0"); xmlDoc.async = false; xmlDoc.load("data.xml"); if (xmlDoc.readyState == 4 && xmlDoc.parseError.errorCode == 0) { var root = xmlDoc.documentElement; var e1 = document.getElementById("Select1"); var _account_type = xmlDoc.createTextNode(e1.options[e1.selectedIndex].value); var e2 = document.getElementById("Select2"); var _user = xmlDoc.createTextNode(e2.options[e2.selectedIndex].value); var account_type = xmlDoc.createNode(1, "Select", ""); var user = xmlDoc.createNode(1, "User", ""); account_type.appendChild(_account_type); user.appendChild(_user); var cust = xmlDoc.createNode(1, "Cust", ""); cust.appendChild(account_type); document.write("<br/>"); cust.appendChild(user); root.appendChild(cust); SaveXML(xmlDoc, "data.xml"); alert("Save!"); } } Your help would much appreciated Thanks Natz Hi everyone I am trying to complete some code involving a while loop. It's actually part of an assignment. Although the code is outputting ALMOST correctly there is one thing bugging me. Here is the code: Code: playersScore = rollDie();
document.write(' Sco ' + playersScore);
playersPosition = playersScore + playersPosition;
document.write(', Squa ' + playersPosition);
indexOfNumber = findIndexOf(playersPosition, specialSquaresArray);
if (indexOfNumber != -1)
{
document.write(', Ladder to Squa ' + connectedSquaresArray[indexOfNumber] + '<BR>');
playersPosition = connectedSquaresArray[indexOfNumber];
indexOfNumber = -1;
while(playersPosition<80)
{
playersScore = rollDie()
document.write(' Sco ' + playersScore)
playersPosition = playersPosition + playersScore
document.write(', Squa ' + playersPosition)
indexOfNumber = findIndexOf(playersPosition, specialSquaresArray)
if(indexOfNumber != -1)
{
document.write(', Ladder to Squa ' + connectedSquaresArray[indexOfNumber]);
playersPosition = connectedSquaresArray[indexOfNumber];
}
document.write('<BR>');
Now, from what I can see I think it's correct. But if if(indexOfNumber != -1) is not executed I get the following: Sco 2, Squa 2 Sco 4, Squa 6 OK Sco 4, Squa 6 should be on a new line below Sco 2, Squa 2 but no matter where I add the line break, it just will not do it. Can somebody please point me in the right direction as I am wasting so much time on this silly little problem Many thanks in advance EDIT: Ok after further fiddling with the code I entered document.write('<BR>'); in the required place and removed + '<BR>' from document.write(', Ladder to Squa ' + connectedSquaresArray[indexOfNumber] + '<BR>'); This has fixed the problem so I'm happy now. Sorry if I wasted anybodies time. I can't believe I have spent over 7 hours trying to figure this out! Hello: First post here on CS ... I am wondering why my code will not write a new line or line break. This is fine: Code: <script>
document.write("Hello and welcome to javascript!");
</script>
But when I try to put a message on two lines, it does not work. The book I'm reading and several websites have stated the below codes will work, but neither do: Code: <script>
document.write("Hello and welcome to javascript! \n");
document.write("It is a tricky language to learn!")
</script>
Code: <script>
document.writeln("Hello and welcome to javascript!");
document.writeln("It is a tricky language to learn!")
</script>
Am I missing something? Hey guys. I'm working on a "Preview Post" function. When the Preview Post button is clicked, it should reload the page, show the preview above the textarea, then send the text back to the textarea so the user can keep working. It works until I move to a second line. If there are line breaks they don't get shown in the preview. Also, the text isn't sent back to the textarea. I have a pair of functions that are supposed to handle the input string. The first function records the input when typing, and the second function picks up the post to print as a preview: You can see what I mean he Code: function preview()
{
var preview = window.document.postform.inputpost.value;
window.document.hidden.inputpreview.value = preview;
}
function copypreview()
{
var copypreview = '<?php echo $_POST[inputpreview]; ?>';
window.document.postform.inputpost.value = copypreview;
}
Here's how I use them: Code:
<body onload='copypreview();'>
<?php include("navbar.php"); ?>
<?php if ($_GET[preview])
{
echo "<table id=blog><tr><td>";
echo $_POST[inputpreview];
echo "</td></tr></table>";
} ?>
<form name="postform" action="submitpost.php" method="post">
Post Title
<input size="40" type="text" name="inputtitle" id="inputtitle">
<?php include("tagbar.php"); ?>
<textarea onchange="preview();" cols="101" rows="20" id="inputpost" name="inputpost"></textarea>
<div align=center>
<input type="submit" value="Submit"/>
</form>
<form name="hidden" method="post" action="addpost.php?preview=1">
<input type="hidden" name="inputpreview">
<input type="submit" onClick="preview();" value="Preview Post"/>
</form>
Sorry I know it's a lot of code. I tried to make it as readable as possible. Can someone tell me how to fix this? I thought I might have to find a way to insert <br> tags when the user hits the Enter key, but I could have sworn this thing was working with line breaks before. Hi guys, just a quick question about a line break in JavaScript, where would I do it? If you see I have two math operators here and want them to be on two separate lines, were do I put the line break? Thanks Code: <!doctype html> <head> </head> <body> <script type="text/javascript"> var apples = 4+76; document.write(apples); var multiple = 54*11; document.write(multiple); </script> </body> </html> Hello Coding Forums, I have a list of pub skittle players and I want a definite gap after two iterations. So.. The Red Lion ...... John and his Mrs The Two Pigs ......Martin and his mate The next pub ...... the next pair The next pub ...... the next pair Below is what I have so far : Code: var pubs = new Array('The Red Lion','The White Hart','The Cross Keys','North End Club','The Three Crowns','The British Legion','The Hare and Hounds','The Royal Oak');
var teamMembers = new Array ('Joan & Richard','Steve & Colin','Brian & Martin','Alice & Moyra',' Kirsty & Ben',' Lorri & Mark','Paul & Andy','Finchey & Sue');
for (var cplCount = 0; cplCount < teamMembers.length; cplCount = cplCount + 1)
{
document.write('The venue will be ' + pubs[cplCount] + ' and the players are ' + teamMembers[cplCount] + '<BR>');
}
As you can see it's one big list at the moment. Any help would be greatly appreciated Morris L is there a way to make a javascript <br/> ??
Hi, I came across this thread and I've decided to use jmrker's code. Code: <html>
<head>
<title>Clock Example</title>
<script type="text/javascript">
function startTime() {
var d=(new Date);
var str = d.toLocaleTimeString().toLowerCase().replace(' ','');
var tmp = d.toLocaleDateString().split(' ');
var dm = d.getDate();
switch (dm) {
case 1: case 21: case 31: dm += 'st'; break;
case 2: case 22: dm += 'nd'; break;
case 3: case 23: dm += 'rd'; break;
default: dm += 'th'; break;
}
str += ' '+tmp[0].substr(0,3)+', '+tmp[1].substr(0,3)+' '+dm+', '+tmp[3];
startTime.out.innerHTML = str;
}
onload = function(){
startTime.out=document.getElementById("time");
setInterval(startTime, 1000);
};
</script>
<body>
<div id="time"></div>
</body>
</html>
However, I would like to modify some elements. Right now the date and time are displayed in this format: Quote: 9:58:45am Sat, Feb 26th, 2011 I would like to know how to change it to look like this: Quote: SAT 09:58:45 AM (for example) Could someone please break down the code and let me know what I need to change to get this to work? Or, if it's less trouble, just change the code for me? Thanks, I appreciate your time. Hi there, I am trying to pick the larger of 5 numbers and sometimes there is a tie. I would like to prioritize variable c1 if there is a tie. This data is from a quiz I am writing. var c1 = 2; // Takes priority if there is a tie. var c2 = 1; var c3 = 2; var c4 = 0; var c5 = 0; How do I get new line to work in javascript. Everytime I try to use it, it never works. There should be a new line with 5 * instead of having 17 * on one line. Code: <html>
<body>
<script type ="text/javascript">
var x=0;
for (x=0;x<=12;x++)
{
document.writeln("*");
}
document.writeln("\n");
for (x=0;x<=5;x++){
document.writeln("*");
}
</script>
</body>
<html>
How do I change the <br /> tags in the follow code to javascript code that performs the same function. I need new lines where you see the <br /> tags and I can't use <br /> since my javascript is within the header section of my HTML file and the W3C validator doesn't like it. Therefore, how do I change the following code to pure javascript with no <br />'s. I tried using \n and \r\n but maybe I didn't use this right as it didn't work. Please help, I am new to javascript txt="Name: "+name+"Sex: "+sex+"<br />Ethnicity: "+ethnicity+"<br />Region: "+region+"<br />Profession: "+profession+"<br />Membership_status: "+membership_status+"<br />Seeking: "+seeking+"<br />Education: "+education+"<br />Body Type: "+body_type+"<br />Eye Colour: "+eye_colour+"<br />Smoker: "+smoker+"<br />Drinker: "+drinker ; I have a slideshow that goes through pictures once you click on the Play button and doesn't stop until you press on the Stop button. How can I make it so that it automatically plays once the website loads without having to click on the Play button? Heres the code: Code: <div class="tabs png"><span class="tabs-inner"><a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a></span></div>
<div class="slider-indent-button">
<a href="#" onClick='$("div.tabs").tabs().play();'>Play</a>
<a href="#" onClick='$("div.tabs").tabs().stop();'>Stop</a>
</div>
All help is much appreciated!!! I have a Java Applet that I have been managing for some time. Approximately how long would it take to port a 900 line Java Applet to JavaScript? My intention is to reproduce as close as I can to the Java Applet. If you would like to see the Java Applet code, it is available here : http://www.chatapp.comuf.com/AppletClient(Public).java This Java Applet is a chat client that connects to a Java server (I am NOT porting the server). It has a simple interface with panel tabs for various activities (chat room, login, text color chooser, etc). **Note : I have not programmed in JavaScript before. I went over some tutorials before I posted this. ***N00b note : I know Java and JavaScript have NOTHING to do with each other. Hi, I'm having trouble figuring out why my image is disappearing when the user clicks on the arrow image to expand text for viewing. The arrow image only disappears if the link text is is more than one line. It remains if the link is only one line of text. Here is the code: HTML code: Code: <div class="ws-webpart>
<div class="hidecat1"></div>
<div class="hidecat1">
<!--This comment line added please dont remove this comment line -->
<a class="hidecat2" id="za0.91" onclick="showHide('a0.91')" href="javascript:void(0)">Lorem ipsum dolor sit amet</a>
</div>
<div style="display:none;" id="a0.91">
<!--This comment line added please dont remove this comment line -->
<div class="hideqst1">
<a id="sb0.913.92" class="hideqst2" onclick="showHide('b0.913.92')" href="javascript:void(0)">
Sed lectus lectus, varius quis vestibulum non, molestie vel est. Integer enim quam,
elementum vel ornare non, egestas non augue. Ut varius vulputate mi, </a>
</div>
<div style="display:none;" id="b0.913.92">
<!--This comment line added please dont remove this comment line -->
<div class="hideAns">
<p>Fusce suscipit tempus magna eget eleifend. Ut lacinia, turpis ac tempus euismod,
nulla ipsum vehicula sem, et laoreet augue nunc in neque. Maecenas porttitor lacinia risus,
et rhoncus felis vestibulum eget. Sed nec turpis nulla. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae; In fringilla mollis leo sed auctor.
</p>
</div>
</div>
<div class="hideqst1">
<a id="sb0.9134.65" class="hideqst2" onclick="showHide('b0.9134.65')" href="javascript:void(0)">
Integer non urna vel ligula interdum?</a>
</div>
<div style="display:none;" id="b0.9134.65">
<!--This comment line added please dont remove this comment line-->
<div class="hideAns">
<p>Suspendisse pretium gravida tortor, id blandit elit hendrerit porttitor.
Mauris at purus id neque mollis placerat vitae in tortor. Morbi porta tincidunt sagittis.
Nam quis augue justo, id euismod nisl.</p>
<p>• Donec sit amet urna felis. Praesent at erat ligula,
eget porttitor diam.<br>
• Quisque quis sapien leo. Proin sit amet sem et lectus gravida
iaculis a non turpis. Vivamus at metus quis odio mattis </p>
</div>
</div>
</div>
CSS code: Code: div.ws-webpart{margin-bottom:15px;clear:both;}
.ws-webpart.hidecat1{padding-top:7px;}
.ws-webpart.hidecat2{padding-left:2.2ex;color:#000;font-weight:700;text-decoration:underline;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px;}
.ws-webpart.hidecat3{padding-left:2.2ex;color:#000;font-weight:700;text-decoration:none;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;}
.ws-webpart.collapseqst1{padding-top:7px;padding-left:2.2ex;}
.ws-webpart.hideqst2{padding-left:2.2ex;color:#7C902C;padding-right:0;background:url(../images/layout/link_arrow.gif) no-repeat 0 3px; zoom:1;}
.ws-webpart.hideqst3{padding-left:2.2ex;color:#7C902C;padding-right:0;background:url(../images/layout/link_arrow_down.gif) no-repeat 0 3px;}
.ws-webpart.hideAns{color:#000;padding-left:4.4ex;padding-right:1.5ex;padding-top:7px;}
Javascript code: Code: <script language="javascript" >
// Function for Collapsible Link
function showHide(ID) {
if (document.getElementById(ID).style.display == "block"){
document.getElementById(ID).style.display = "none";
if(ID.charAt(0)=="a"){
document.getElementById("z"+ID).className="hidecat2";
}
if(ID.charAt(0)=="b"){
document.getElementById("s"+ID).className="hideqst2";
}
}
else {
document.getElementById(ID).style.display = "block";
if(ID.charAt(0)=="a"){
document.getElementById("z"+ID).className="hidecat3";
}
if(ID.charAt(0)=="b"){
document.getElementById("s"+ID).className="hideqst3";
}
}
}
</script>
I have attached the images. Thanks in advance Need some help here. I'm developing a non-server using form. The form sits on the users local computer, and generates an outlook email. There are boxes that are filled out, and each box is assigned a variable and gets transferred to an outlook email and gets plugged in to a pre-made email template. Here's what I'm trying to accomplish. I've been able to pre-populate the To: field using the variable var email = the CC: field using the variable &cc= and the BCC: field using the variable &bcc= . It would make sense that &from= or even &from: would work, but it doesn't. Appreciate the help. i have a program which gets values from different arrays and displays them on screen. how do i insert a break every 5 lines so its easier to read?
Hello Coders, I am not a coder so this is a problem to me to solve this error. I checked javascript at JSLint and it droped me a error: Code: Problem at line 29 character 17: Unreachable 'break' after 'return'. break; Problem at line 50 character 21: Unreachable 'break' after 'return'. break; and the script is: Code: <html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function keyDown(key) {
if (currentstep == "1") {
switch (key) {
case 17:
if (key1pressed == "") {
changeKeyStyle("key1", "down");
key1pressed = "1";
showobj("step2");
}
break;
case 67:
if (key2pressed == "") {
changeKeyStyle("key2", "down");
key2pressed = "1";
}
if (key1pressed == "1" && key2pressed == "1") {
step1Complete();
return false;
break;
}
break;
default:
}
} else if (currentstep == "2") {
switch (key) {
case 18:
if (key1pressed == "") {
changeKeyStyle("key1", "down");
key1pressed = "1";
showobj("step2");
}
break;
case 68:
if (key2pressed == "") {
changeKeyStyle("key2", "down");
key2pressed = "1";
if (key1pressed == "1" && key2pressed == "1") {
step2complete();
return false;
break;
}
}
break;
default:
}
}
}
</script>
</body>
</html>
Thank you for all your help, Arnas |
|||||||