|
JavaScript - Invisible Space In Text String
Hello,
I need your help. I would like to insert a few blank spaces in a text string: eg. string = 123456(space)(space)(space)7891011 How do you do this? Thanks a bunch Jay Similar TutorialsBasically I have this: function semaphore(phrase) { var len = phrase.length; var str1 = ""; for (var i=0;i<len;i++) { if(phrase[i]=" ") { phrase[i] = "interval"; } var str = "images/semaphore/" + phrase[i] + ".gif"; str1 = str1 + "<img src='" + str + "'>"; } return str1; } so if phrase = i love coding forums I want all the spaces to be replaced with the text "interval" Thanks Danny I need to change one letter in a text string, but near as I can figure out, I can't just do this: Code: TextString[8] = "X"; Is that possible, or do I have to break the string and rebuild it into a second string? Hi there, I want to prompt a user to enter their name, if the user entry includes numbers I would like to prompt them to re-enter their name using only text. I have tried: Code: var userName = prompt ("Please enter your name", " ");
if (userName == null || !isNaN(userName)) {
prompt ("Please enter a valid name, and do not include any numbers in this field");
userNamm.focus();
} else {
document.write("Welcome back " +userName); }
It isn't working, I would like to monitor the user entry for only text values, can anyone help me to clean this up? Hello, How would I seperate a text string such that it would appear on seperate lines ie. Initial Input: ------------------------------------------- StrMsg = "This is an example of a string that will appear on seperate lines" "Hoping that this fully works, there will be no errors and all will be well" "Thank you to the experts and pros on this forum who are here to help" "This is the last line of text." Expected Outcome: ------------------------------------------- This is an example of a string that will appear on seperate lines Hoping that this fully works, there will be no errors and all will be well Thank you to the experts and pros on this forum who are here to help This is the last line of text. Much thanks and appreciation for all your help J I am just starting to learn javascript and was hoping someone might be able to answer my question: var months = "April Showers"; document.write('<p><img src="ad11.jpg"); document.write(" alt="); document.write(months); document.write(">"); document.write(months); How come when I display my output to a browser without the presence of the ad11.jpg file, only the first word (April) in the text string "April Showers" is dispayed where the .jpg file is suppose to be...but the last line displays the entire text string. Hi, I am going to open a new window on my web page , and run one link (which is important for me to be run ), then close that window after some seconds, but I do not want this window be visible by users. This is the code I used, but when I add visible= none, the function does not work, and my link cannot be run. <button onclick="myFunction()">Click</button> <script type="text/javascript"> function myFunction() { var win = window.open("link", '1366002941508','width=x,height=y,left=xx,top=yy', visible=none); setTimeout(function () { win.close();}, ss); } </script> I really appreciate for your suggestion ) Hi everyone. I'm new to the forum, and in need of help. The code below sometimes works the way I want it to...by downloading a video from an external site and displaying a placeholder whenever the page loads. But most of the time, the video won't download and display until a user hovers their mouse over the blank area. Is it possible to modify the code so that it functions consistently by always downloading and displaying the placeholder when the page loads? I don't want users to think there's a missing/broken video because there's a blank space where the video is supposed to be, and they don't realize they have to mouse over it. I would be grateful for any pointers. I searched the forums for a solution, but I don't think I'm using the correct keywords. Thanks so much for your help. Code: <a href="#" onclick="return(false);" rel="videoGUID=4cd75af679b39g4963V828c00c581024ae86&" style="display: block; width: 550px; height: 310px" id="4cd75af679b39g4963V828c00c581024ae86" width="550" height="310">How to Take Care of Your Dog's Teeth: VetVid Episode 001</a><script type="text/javascript" src="http://360.sorensonmedia.com/4cd75af679b39g4963V828c00c581024ae86/embedv2.js"></script> Made a topic earlier about "auto klick" for swf button but i got response ,its not posible todo that.. so i have another question!! Is it posible to make the swf button invisible but still clickable and then have a background so it looks like its another button? or is there any other way to edit design for the button! OBS! i only have the swf not the flv file! Code: <html class="no-js" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="http://www.google.com/jsapi?key=ABQIAAAAAJ5I0tmbz-jcO3Ja4fwvEBTb9u7IFi28hLXI-qXjI6UBBcarTBQ49g-wp7Wxnow1_w9F-7_GcOOnyg"></script>
<script>
google.load("jquery", "1.7.0");
google.load("swfobject", "2.2");
</script>
</head>
<body>
<div id="container">
<div id="main" role="main">
<div id="data" class="channel">
<div id="openbutton">
<div id="flashcontent1";></div>
<!-- DR1 Start --><script>
params = {};
params.text = 'DR1';
params.action = "channel";
params.value = "40";
swfobject.embedSWF('content/linkbutton.swf', 'flashcontent1', '145', '30', '9.0.115', 'content/expressinstall.swf', params, {allowFullscreen:'true', wmode: 'transparent' ,bgcolor: '#FFFFFF', menu: 'false'}, {id: 'flashcontent1'});
<!-- DR1 Ends --></script>
</div></div></div> </div></body></html>
I have a text input field that was created with JS on a screen. The input is padded with a 0 for the first character to work with the server. I was wondering if there is any way to make that 0 invisible so the user doesn't get confused?
I am creating a customized home page that can display regular links and login forms. I am adding Gmail login form into it. I can further customize it by putting multiple sign in buttons that can fill in username/password for different accounts before submitting. Here's the preview: http://imgur.com/s4Ert.jpg Now the problem is, in Gmail login form a hidden variable called "dsh" is filled with a value that is matched with server as well as a cookie, this value changes in some hours. So this means that I cannot create a complete offline form, but is it possible to load the login page hidden, and catch the value from it? I tried with an iframe with display:none and src="http://mail.google.com" but it opened in the top frame. Any other ideas? In short, what we need is, every time a page is opened from my computer, an online page should be open invisible from the user, and a hidden form value is to be fetched from it. Hi I discovered something weird that happend to me when trying to add a javascript created table to the document.body. Basically it doesn't add it in IE, but works fine in FF. Actually it does add it in IE, but only shows up if I add a <br/> later in a new statement... What?!?! try my code to see what is going on. (works fine in FF, does bad thing in IE) I tried to narrow the code i was working with down to basics and still have the glitch happen so maybe it's just something wrong with this code, but i couldn't pinpoint it. Also, it's only when i do document.body.appendChild(), not document.body.innerHTML += entireMassiveElement.innerHTML; I need it to work in both browsers with the appendChild() method, because innerHTML is much slower. Any advice appreciated! Thanks! Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Interace v1.0</title>
<style type="text/css">
/******************
* --Panel Style
******************/
.panel
{
}
.panel table td {padding: 0px;}
.panel_corner
{
background-color: #00c0ff;
background-repeat: no-repeat;
width: 3px;
height: 3px;
}
.panel_sideX {height: 3px; background-color: #00c0ff; background-repeat: repeat-x;}
.panel_sideY {width: 3px; background-color: #00c0ff; background-repeat: repeat-y;}
.panel_topLeft {background-position: 0px 0px;}
.panel_topRight {background-position: -3px 0px;}
.panel_bottomLeft {background-position: -0px -3px;}
.panel_bottomRight {background-position: -3px -3px;}
.panel_top {background-position: -3px -6px;}
.panel_right {background-position: -3px 0px;}
.panel_left {background-position: 0px 0px;}
.panel_bottom {background-position: -3px -9px;}
.panel_main
{
background-color: #00c0ff;
}
.panel_titlebar
{
color: #ffffff;
font-family: verdana;
font-size: 10pt;
padding: 3px;
padding-top: 0px;
overflow: hidden;
/*
display: none;
*/
}
.panel_title
{
float: left;
height: 18px;
overflow: hidden;
}
.panel_buttons
{
float: right;
}
.panel_toolbar
{
background-color: #444444;
color: #eeeeee;
font-family: verdana;
font-size: 10pt;
padding: 3px;
overflow: hidden;
display: none;
}
.panel_content
{
overflow: auto;
font-family: arial;
color: #eeeeee;
font-size: 7pt;
font-weight: bold;
padding: 10px;
border: 1px inset #cccccc;
background-color: #444444;
}
</style>
<!--///////////////////////////////////-->
<script type="text/javascript">
function makeElement()
{
var layout = document.createElement("table"); //the table that is the basic layout
var top = document.createElement("tr");
var tl = document.createElement("td");
top.appendChild(tl);
var tc = document.createElement("td");
top.appendChild(tc);
var tr = document.createElement("td");
top.appendChild(tr);
var middle = document.createElement("tr");
var ml = document.createElement("td");
middle.appendChild(ml);
var mc = document.createElement("td");
middle.appendChild(mc);
var mr = document.createElement("td");
middle.appendChild(mr);
var bottom = document.createElement("tr");
var bl = document.createElement("td");
bottom.appendChild(bl);
var bc = document.createElement("td");
bottom.appendChild(bc);
var br = document.createElement("td");
bottom.appendChild(br);
layout.appendChild(top);
layout.appendChild(middle);
layout.appendChild(bottom);
layout.style.borderCollapse = "collapse";
tl.className = "panel_corner panel_topLeft";
tc.className = "panel_sideX panel_top";
tr.className = "panel_corner panel_topRight";
tl.style.padding = "0px";
tc.style.padding = "0px";
tr.style.padding = "0px";
ml.className = "panel_sideY panel_left";
mc.className = "";
mr.className = "panel_sideY panel_right";
ml.style.padding = "0px";
mc.style.padding = "0px";
mr.style.padding = "0px";
bl.className = "panel_corner panel_bottomLeft";
bc.className = "panel_sideX panel_bottom";
br.className = "panel_corner panel_bottomRight";
bl.style.padding = "0px";
bc.style.padding = "0px";
br.style.padding = "0px";
//-- Set up the cursors for the bottom, right, and bottomright sides to resize
mr.style.cursor = "e-resize";
bc.style.cursor = "s-resize";
// --Now create the internal structure, titlebar, toolbar, content area
var main = document.createElement("div");
var titlebar = document.createElement("div");
var toolbar = document.createElement("div");
var content = document.createElement("div");
content.innerHTML = "success!";
main.appendChild(titlebar);
main.appendChild(toolbar);
main.appendChild(content);
mc.appendChild(main);
main.className = "panel_main";
titlebar.className = "panel_titlebar";
toolbar.className = "panel_toolbar";
content.className = "panel_content";
//-- create the titlebar internals, title, buttons, cleardiv
var title = document.createElement("div");
var buttons = document.createElement("div");
var clear = document.createElement("div");
titlebar.appendChild(title);
titlebar.appendChild(buttons);
titlebar.appendChild(clear);
clear.style.clear = "both";
title.className = "panel_title";
buttons.className = "panel_buttons";
main.style.width = "200px";
return layout;
}
function go(select)
{
var stuff = makeElement();
if(select == 1)
{
//-- Add everything to the container
document.body.appendChild(stuff);
}
else if (select == 2)
{
//-- Add everything to the container
//layout is a table, but innerHTML only returns the inner, so i just added on the outer tags.
document.body.innerHTML += ('<table cellpadding="0" cellspacing="0">' + stuff.innerHTML + '</table>');
}
//document.body.innerHTML += "<br/>";
}
</script>
</head>
<body>
<input type="button" value="test append Element" onclick="go(1);"/><input type="button" value="test innerHTML add" onclick="go(2);"/>
<body>
</html>
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 Hello everyone. I'm new to programming, although I've learned HTML and CSS pretty thoroughly. I think I have most of the Javascript basics down as far as definitions, but I'm getting hung up on the actual coding. I'm working on an information request form for my fiancee's business site. In it, I want to have options that users select via radio buttons. Rather than having additional input fields static on the page, I would like to program some of the radios, when clicked, to open a previously unseen option where users will then be able to type in the necessary information. More specifically, since she only works in two states, I want a third option of "other," which, when opened, will allow the user to input any other state. Then, should the radio be deselected or reset, the field would disappear again. If my understanding is correct, I think I will need to use a javascript function in the header, an HTML "div" section with ID, "onclick" and "offclick" events in the button mark-up, and the specific javascript code to call the function (getElementById?). Or maybe I'm way off. Please help. Thanks As of right now I have a code that will work in IE but wont work in FireFox...go figure. Basically what I want to have happen is when you type in an area code it will provide an output in a predetermined area of the page. For Example: Input- 512 Output - Austin, TX The code that I have doesn't work with firefox and I was just wondering if there was a code that would allow that to happen. Thanks! Hi, I have a form with 9 text fields and a text area. What I want to do is replace the text in the text area depending on how many fields contain text. For example my text boxes are named 1 to 9, if the user enters text in the first five boxes I want the text area to auto fill with 'you have selected boxes 1 to 5' if the user selects all nine it will say 'you have selected 1 to 9', therefore, the user must complete the text boxes in order. I have it working with an onchange event but i have a button on the form to also auto fill the text boxes and it does not work if this is clicked. Any help would be appreciated! Hi all, Thanks for reading. I'm having an issue trying to accomplish the following - I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly? Code: <script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
fields = 2;
} else if (fields = 2) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;
} else {
document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;
}
}
</script>
Here is the code in my HTML - Code: <input type="text" name="field1" size="25" /> <span>Field 1.</span> <div id="addedMore"></div> <p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p> Thank you very much. I have a 3 textareas that when the user presses the spacebar I would like for the code to execute a TAB to move between them instead. My code works if I make the replacement keycode an number or letter but it wont work if I use TAB. The browser is IE. Thank you for any help you can give. <script type="text/javascript"> function keycode(e) { if(e.keyCode==32) {return (e.keyCode=9);} } </script> </head> <body> <form> <input name="DefectNumber" id="DefectNumber" type="text" onkeypress="return keycode(event);"> <input name="DefectNumber2" id="DefectNumber2" type="text" onkeypress="return keycode(event);"> <input name="DefectNumber3" id="DefectNumber3" type="text" onkeypress="return keycode(event);"> </form> </body> Hi All, Firstly, apologies if this is already posted somewhere on the site. I did do a search of the forum, but could only find solutions for things link Perl scripts etc. What I have is a file upload input (as part of a larger form) and I want to get some javascript that will replace spaces in a filename with another character, such as an underscore or dash. If possible, I would also like to be able to replace commas with an underscore or dash. Hope someone here can help or point me to the right place! Neil If you look on the top right corner of the site I'm working on, the +1 button doesn't line up with the other social media icons. Why? http://customwovenlabels.com/ |
|||||||