|
JavaScript - Creating Html Tags With Javascript
Hi,
I wanna make a form that receives: textbox URL And textbox Anchor and result will be two anchors one <a href, and one phpBB Example: Url: www.pushpin.co.il Anchor: pushpin Results: <a href="http://www.pushpin.co.il">pushpin</a> [ url = http://www.pushpin.co.il/ ] pushpin[ /url ] Help? Similar TutorialsHow to I create the following code... Code: #moving {
position:absolute;
float:right;
top:100px;
left:50px;
}
#movingword {
position:absolute;
float:right;
top:0px;
left:0px;
}
... and this code ... Code: <div id="movingword"> <font color="yellow"><font size="3"><b>This is the place</b></font><br>Welcome!</font> </div> ... programmatically using Javascript? (I will need a X number of "movingwords" and "moving", where X is a number and examples are "movingwords0", "movingwords1", "movingwords2" ... movingwordsX) Here the full code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<title></title>
<style type="text/css">
body {
background-color:#000;
}
#scenery {
position:relative;
}
#moving {
position:absolute;
float:right;
top:100px;
left:50px;
}
#movingword {
position:absolute;
float:right;
top:0px;
left:0px;
}
</style>
<script type="text/javascript">
var t=125;
var l=20;
$(document).ready(function() {
document.getElementById("movingword").style.top = t + "px";
document.getElementById("movingword").style.left = l + "px";
});
</script>
</head>
<body>
<font color=white><h1> Hello World </h1></font>
<div id="scenery">
<img src="http://www.deshow.net/d/file/travel/2009-10/new-zealand-scenery-738-20.jpg" alt="">
<div id="moving">
<img src="http://cdn1.iconfinder.com/data/icons/gloss-basic-icons-by-momentum/32/bullet-yellow.png" alt="">
</div>
<div id="movingword">
<font color="yellow"><font size="3"><b>This is the place</b></font><br>Welcome!</font>
</div>
</div>
</body>
</html>
I came across some embedded JavaScript code and I noticed some weird “HTML comment-like tags” within embedded JavaScript that are getting rendered in FireFox but not IE. Specifically the closing tag "//-->" And the JavaScript code between these tags is functional (not commented out)! Code: <SCRIPT type=text/javascript> <!-- .... //--> </SCRIPT> What are these? Example usage: Code: <SCRIPT type=text/javascript>
<!--
var zz, zv, d, fTSR;
d = new Date();
fTSR=0;
zv = d.getTime();
zz = "&zz="+zv;
var gBF=false;
function GoTo(u){window.top.location = u + zz;}
function Go(u){window.top.location = u;}
....
//-->
</SCRIPT>
I am trying to remove all Javascript code from my HTML doc and put into external .js file(s). I have event triggers that I would like to move to an external file, but I am not sure how. Below is an example. [CODE] <a href="residential.html" class="textdeco" > <img class="img-menu" id="res" src="images/buttons/btn_res_mouse_out.jpg" alt="Residential" onmouseover="FP_swapImg(1,0,/*id*/'res',/*url*/'images/buttons/btn_res_mouse_over.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'res',/*url*/'images/buttons/btn_res_mouse_out.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'res',/*url*/'images/buttons/btn_res_mouse_down.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'res',/*url*/'images/buttons/btn_res_mouse_up.jpg')" /> [CODE] The reason I want to do this is that this code is repeated in all pages and I want to reduce potential maintenance issues. Any help will be appreciated. Hi im wondering if someone could be of some help please, im a newbie to javascript and after some help and advice if possible please. Ive used a template from the web which was a quiz template. Im just trying to get my javascript script to work. I want it to populate my html question/advice box so people can input what there answer to the question and it will give them advice. It's for a data classification advice for a work project. I just dont know where im going wrong or what im missing out - ive read loads of help sections on the web and still cant get the javascript to populate my html boxes. Any help or advice would be really appreciated. Thanks Lee Heres my html code which seems to work ok... the box etc is displayed just doesnt have any content. ----------------------------------------------------------------------- Code: <form method="POST">
<div align="center"><center><table BORDER="1">
<tr>
<td COLSPAN="2" BGCOLOR="#4C0000"><div align="center"><center><p><font SIZE="+3"
COLOR="#FFFFFF">Data Classification </font></td>
</tr>
<tr>
<td COLSPAN="2" BGCOLOR="#4C0000"><div align="center"><center><p><font SIZE="-1"
COLOR="#FFFFFF">2010 <a HREF="Data Governance</font> </p>
</center></div><div align="center"><center><p><font COLOR="#FFFFFF">Click on "Next
Question" to start advice. Be sure to use small letters (no caps) when entering your
letter choice.</font> </td>
</tr>
<tr>
<td><b>Question #:</b></td>
<td ALIGN="LEFT"><input TYPE="TEXT" NAME="questNo" SIZE="4"></td>
</tr>
<tr>
<td><b>Question:</b></td>
<td><div align="center"><center><p><textarea COLS="70" ROWS="2" name="question"
wrap="virtual"></textarea></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>a)</b></td>
<td><div align="center"><center><p><input TYPE="TEXT" NAME="choiceA" SIZE="75"></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>b)</b></td>
<td><div align="center"><center><p><input TYPE="TEXT" NAME="choiceB" SIZE="75"></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>c)</b></td>
<td><div align="center"><center><p><input TYPE="TEXT" NAME="choiceC" SIZE="75"></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>d)</b></td>
<td><div align="center"><center><p><input TYPE="TEXT" NAME="choiceD" SIZE="75"></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>Your choice:</b></td>
<td><input TYPE="TEXT" NAME="yourChoice" SIZE="4"></td>
</tr>
<tr>
<td COLSPAN="2"><div align="center"><center><p><input TYPE="button"
VALUE="Check Current Advice" onClick="checkAnswer(this.form)"><input TYPE="button"
VALUE="Next Question" onClick="nextQuestion(this.form)"> <input TYPE="reset"
VALUE="Start Over" onClick="clearForm(this.form)"></td>
</tr>
<tr>
<td ALIGN="RIGHT"><b>Results:</b></td>
<td><div align="center"><center><p><textarea COLS="70" ROWS="3" name="Advice"
wrap="virtual"></textarea></td>
</tr>
<tr>
</form>
-------------------------------------------------------------------------- Now heres my javascript which i just cant seem to get to work or integrate with the html question/advice box. There will be some text in there that was originally part of the template that i was going to remove at a later stage once id got a better underatnding of where i was going wrong. Code: <html>
<head>
<script LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers --->
function jumpBox(list) {
location.href = list.options[list.selectedIndex].value
}
//Lee Quinn 2010 All Rights Reserved
function init()
{
questions = new Array()
questions[1] = "Is the information you are collecting or creating any of the following?"
questions[2] = "Is the information you are collecting or creating any of the following?"
questions[3] = "Is the information you are collecting or creating any of the following?"
questions[4] = "Is the information you are collecting or creating any of the following?"
answerA = new Array()
answerA[1] = "Marketing brochures, Customer disclosure statements,Published annual reports, Interviews with news media, Press releases"
answerA[2] = "Employee Handbook,Telephone Directory,Organization Charts,Policies and Standards,Training Manuals"
answerA[3] = "Customer records, Correspondence containing customer information, Credit card listings,Personnel records/Employee performance reviews,Unit business plans,Proprietary/custom software,Budget information,Internal audit reports,Business reports on strategy, exposures etc"
answerA[4] = "Strategic Plans,Encryption keys,Details of mergers or acquisitions,Financial results prior to publication,Online access codes such as passwords or pin"
answerB = new Array()
answerB[1] = "None of the above"
answerB[2] = "None of the above"
answerB[3] = "None of the above"
answerB[4] = "None of the above"
rightAns = new Array
rightAns[1] = "A"
rightAns[2] = "b"
rightAns[3] = "c"
rightAns[4] = "d"
reference = new Array()
reference[1] = "You have indicated yes to question 1, therefore the information you are collecting/creating will be classified as PUBLIC information. It is information that can be disclosed to anyone without violating an individual?s right to privacy. Knowledge of this information does not expose CFS to financial loss, embarrassment, or jeopardize the security of assets."
reference[2] = "You have indicated yes to question 2, therefore the information you are collecting/creating will be classified as INTERNAL USE information. It is information that, due to technical or business sensitivity, is limited to employees and contractors who work on-site. It is intended for use only within CFS. Unauthorized disclosure, compromise, or destruction would not have a significant impact on CFS or its employees."
reference[3] = "You have indicated yes to question 3, therefore the information you are collecting/creating will be classified as CONFIDENTIAL information. It is information that CFS and its employees have a legal, regulatory, or social obligation to protect. It is intended for use solely within defined groups in CFS. Unauthorized disclosure, compromise, or destruction would adversely impact CFS its customers or its employees.
Unless otherwise stated all data should be treated as CONFIDENTIAL.Sensitive data = Confidential or Highly Confidential data."
reference[4] = "You have indicated yes to question 4, therefore the information you are collecting/creating will be classified as HIGHLY CONFIDENTIAL information, It is the highest level of classification and is information whose unauthorized disclosure, compromise, or destruction could result in severe damage, provide significant advantage to a competitor, or incur serious financial impact to CFS or its employees. It is intended for restricted use by a very small number of people (possibly 0 or 1) with an explicit, predetermined need to know."
}
function nextQuestion(form)
//set the total number of questions equal to quizend
{ var quizEnd = eval(4 * 1);
if(form.questNo.value =5= quizEnd) {
form.question.value = "1";
form.choiceA.value = "Marketing brochures, Customer disclosure statements,Published annual reports, Interviews with news media, Press releases";
form.choiceB.value = "None of the above";
form.choiceC.value = "Unsure";
form.yourChoice.value = "a,b,c,d";
form.results.value = "End of Advice. Your final results are listed below."; } else {
if(form.questNo.value == "") {form.questNo.value = 1} else {
form.questNo.value = eval(form.questNo.value) + 1;
}
form.question.value = questions[form.questNo.value];
form.choiceA.value = answerA[form.questNo.value];
form.choiceB.value = answerB[form.questNo.value];
form.choiceC.value = answerC[form.questNo.value];
form.choiceD.value = answerD[form.questNo.value];
form.yourChoice.value = "";
form.results.value = "";
if(form.myScore.value == "") {form.myScore.value = 0; } else {
form.myScore.value = form.myScore.value; }
}
}
function checkcurrentadvice(form) {
var myScore = 0;
var curve = 0;
if(form.results.value != "") {form.results.value = "Sorry, no guessing allowed. In order to retry this question you will have to start the quiz over. Click on ''Next Question'' to continue."; }
else if(form.yourChoice.value == rightAns[form.questNo.value]) {
form.myScore.value = eval(form.myScore.value) + eval(1);
form.results.value = "Conratulations! You are correct. That brings your cumulative score to " + form.myScore.value + " out of a possible " + form.questNo.value + ". Click on ''Next Question'' to continue."; } else {
form.results.value = "Sorry, you are incorrect. Please refer to " + reference[form.questNo.value] + " before retaking the quiz. This brings your cumulative score to " + form.myScore.value + " out of a possible " + form.questNo.value + ". Click on ''Next Question'' to continue." }
function clearForm(form)
{
form.questNo.value = "";
form.question.value = "";
form.choiceA.value = "";
form.choiceB.value = "";
form.choiceC.value = "";
form.choiceD.value = "";
form.yourChoice.value = "";
form.results.value = "";
form.myScore.value = "";
form.percent.value = "";
form.grade.value = "";
}
</script>
</head>
</html>
Hi, I am creating a HTML page and mailing it to the user(client side). This html page contains a Table and a button. On button click, I would like to create another HTML page based on the detail in the table,dynamically on run time and Open the newly created HTML. I need to use javascript to achieve this functionality. I have no Server-Client Configuration. And I need to run the Javscript only on client side to process the First HTML's table data and Create a new HTML page. The output of the javascript should also be put in a table format in the newly created HTML page. Here is some background information: The details from one server would be put into this first HTML along with a button. This HTML page is then mailed to Client side. The javascript in the HTML page then processes the Table data of first HTML. This can only be run at Client Side,once the user clicks the button and moreover I dont have Server-Client Configuration. I am creating a report and mailing it, For formatting purposes and for creating hyperlink to mailid's I chose HTML, Now I am struck here. Could some one please help me out with this. Thanks for your time. Where to put the <ol>&&</ol> tags so everytime i run the javascript it numbers each indivdiual items which the javascript is looping. Code: <table border="2"table align="center" cellpadding="40">
<tr>
<th width="80%"> Questions & Time</th>
<th>Status</th>
</tr>
<tr>
<td><% for (int i=0; i < theList.size(); i++) {%>
<tr>
<td><%= theList.elementAt(i)+ " " + theTime.elementAt(i) %>
<% }%>
</td>
<td>Where is the pending goes:</td>
</tr>
<tr>
</table>
Hello there, I have one drop down list having some characters name. I have created this list dynamically using javascript. I have <h3> tag in html having same characters' name using that I had created drop down list. There are <blockquote> along with <h3> tag which is speech of that character. I have to generate the javascript in such a way that, if character "A" is selected and sppech belong to that character should be visible. Is any one help me? my following code able to match <h3> tags and hiding it but not working properly. Please help me out. Code:
function selectedOption()
{
var indx = newSel.selectedIndex;
var selectedText = newSel.options[indx].text;
h3Tag = document.getElementsByTagName("h3");
var nestedH3;
//alert(h3Tag);
bQuote = document.getElementsByTagName("blockquote");
for(var i=0; i<h3Tag.length; i++)
{
tagName[i]=h3Tag[i].innerHTML;
if(selectedText != tagName[i] && selectedText != "Show All Lines")
{
//alert("Char: "+tagName[i]);
h3Tag[i].style.display = "none";
bQuote[i].style.display = "none";
}
else if(selectedText == "Show All Lines")
h3Tag[i].style.display = "block";
}
}
I have the following HTML code: Quote: <form id="registration" action="/cgi-bin/registration.cgi" method="POST" onsubmit="return control()"> <fieldset> <legend>Legend 1</legend> <label>......</label> <input ..../><br/> <label>......</label> <input ....onclick="return orgreg()"/><br/> </fieldset> <fieldset> <legend>Legend 2</legend> <label>......</label> <input ..../><br/> <label>......</label> <input ..../><br/> <label>......</label> <input ..../><br/> <label>......</label> <input ..../><br/> <label>......</label> <input ..../><br/> </fieldset> ........ ........ and the following javascript code: Quote: function orgreg() { if (document.getElementById) { alert(document.getElementById("registration").firstChild); } } The output of alert window is [Object Text]. My question is: first child is first fieldset tag or not. Because I want insert (with insertBefore) an other fieldset block after first child. Hi, I have a text area that I want to add simple html formatting buttons to. The user should be able to: - highlight text and click a 'bold' button - highlight text and click 'itallic' button - Add bulleted list - Link I've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want. Okay, I am relatively new to Java and am going to be taking a class on it next fall. For now though, I am trying to code for a client I am currently working with and am hopelessly lost. The client I am working with has an ecommerce site with Network Solutions which uses aspx. It allows you to code html and link to css, java (pretty much anything except php). The problem I am having is that they currently have their product descriptions coded in div tags: <div id='alternatebg'> <div id='detailsgreybox'><div id='alternatename'><p>Alternate Name</p></div></div> <div id='pd2'><p>Not Available</p></div> </div> <div id='usebg'> <div id='detailsgreybox'><div id='use'><p>Use</p></div></div> <div id='pd3'><p>Chemicals</p></div> </div> What they want to happen is for the sections that have 'Not Available' as the answer to not show up on the live page. I have tried to use <ns:if condition="..."> but do not know how to call for it to see if the div says 'Not Available'. Any help is greatly appreciated as I can not move forward until I can figure this out. Dear All, Here I am facing one issue, that I want to removing all html tags except BOLD,ITALIC,UNDERLINE & UL,LI. Means if my data is like, <b><i> Test Data </b></i> <input type="text" name="test"> <script> function test() { ............. } </script> Then I want the following output.... <b><i> Test Data </b></i> function test() { ............. } Means I need the data with tags BOLD,ITALIC,UNDERLINE & UL,LI not any else tags..... I have tried with this strInputCode.replace(/<[^>]+>/ig,""); but its removing all html tas that i dont want I'm using javascript to change the color of certain words in an html document. Right now it uses <font> to make the change. I would like to use a CSS class named "alert" from an external style sheet to make the change. I've tried multiple things but no luck (className="alert", setClassName="alert" ) What is the correct way to replace the font part with a CSS class? Here is the working script: Code: <script type = "text/javascript">
window.onload = function (){
var text = document.getElementsByTagName('body')[0].innerHTML;
text = text.replace(/disabled/gi, "<font color=red>Disabled</font>" );
text = text.replace(/\blocked/gi, "<font color=red>Locked</font>" );
document.getElementsByTagName('body')[0].innerHTML = text;
}
</script>
Well after much trial and error I come asking for help. I am trying to write a greasemonkey script that scans a page for all the values between certain <td> tags. When I used firebug it shows what I am looking for as <td class="username">THEUSERNAME</td> but when I view the source it just shows up as <td>THEUSERNAME</td> I want to create an array of the 100 <td>'s on the page that pertain to usernames but none of the other <td>'s I created a test page that mimicked the code, what I thought origionally, to be so I could test my script with ease. And it worked when there was an actually <td class="username"> This is what I have so far: Code: // ==UserScript==
//
//Displayable Name of your script
// @name EXAMPLE
//
// brief description
// @description EXAMPLE
//
//URI (preferably your own site, so browser can avert naming collisions
// @namespace http://something.com
//
// Your name, userscript userid link (optional)
// @author ME
//
//Version Number
// @version 1.0
//
// Urls process this user script on
// @include http://example.com
// ==/UserScript==
var test = document.getElementsByClassName('username');
alert(test.length);
test[5].style.color="yellow"; //Just to see if it actually worked
Hi, I'm currently trying to get javascript to work with internet explorer. I managed to get one part of the translation file to work. It's a javascript to change some of the words on Facebook from English to Secwepemc (native american language). The original file works in Firefox and Chrome but not in safari. I knew it was because internet explorer has its own parameters. A file works completely for FF and chrome but not for IE. So, I changed the language a bit so that IE can understand it. Now I have one part of the translation working but not the others. I am wondering if it would be better to use ID's, names, and class all together to get the english words I want to change. I am using grease monkey for IE to use this script. I know firefox and chrome are much better but the plan is for everyone to use and some people still use IE. I know that if I have part of the words translating, then it must be the wrong identifiers. If someone can either help me find the right identifiers or if I missed changing syntax from FF and Chrome to IE, that would be amazing! Here is the javascript file. Code: var es = new Array();
es["Home"] = "Tsitcw";
es["News Feed"] = "Lexeyem";
es["Friends"] = "Kweselkten";
es["Like"] = "Xwexwisten";
es[" likes this."] = " r xwexwistes.";
es["Today"] = "Pyin Te Sitqt";
es["Say hello."] = "Say weytk.";
es["Say hi."] = "Say weytk.";
es["Tomorrow"] = "Pexweyt";
es["What are you planning?"] = "Me7 Stemi ke7 tsuwet?";
es["Where?"] = "T'he7en";
es["Who's invited?"] = "Sweti7?";
es["What's on your mind?"] = "Stemi ke7 peti'nesme?";
function loadSecwepemc() {
var fbelem = document.getElementsByTagName('a');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = document.getElementsByTagName('span');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = document.getElementsByClassName('ego_social_context');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = document.getElementsByTagName('input');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.getAttribute('placeholder') in es) {
thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
}
if (thisElem.getAttribute('value') in es) {
thisElem.setAttribute('value',es[thisElem.getAttribute('value')]);
}
}
var fbelem = document.getElementsByTagName('textarea');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.getAttribute('placeholder') in es) {
thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
}
if (thisElem.getAttribute('title') in es) {
thisElem.setAttribute('title',es[thisElem.getAttribute('title')]);
}
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = document.getElementsByTagName('h3');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
thisElem.attachEvent( "onClick", loadSecwepemc()); // capture phase
}
}
var fbelem = document.getElementsByTagName('h2');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
icon = thisElem.childNodes[0]
thisElem.innerText = es[thisElem.innerText];
thisElem.appendChild(icon)
}
}
}
loadSecwepemc();
function changedNode(e) {
var fbelem = e.target.getElementsByTagName('a');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = e.target.getElementsByTagName('span');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
thisElem.attachEvent( "onLoad", loadSecwepemc()); // capture phase
}
}
var fbelem = e.target.getElementsByClassName('ego_social_context');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = e.target.getElementsByTagName('input');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.getAttribute('placeholder') in es) {
thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
}
if (thisElem.getAttribute('value') in es) {
thisElem.setAttribute('value',es[thisElem.getAttribute('value')]);
}
}
var fbelem = document.getElementsByTagName('textarea');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.getAttribute('placeholder') in es) {
thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
}
if (thisElem.getAttribute('title') in es) {
thisElem.setAttribute('title',es[thisElem.getAttribute('title')]);
}
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
}
}
var fbelem = e.target.getElementsByTagName('h3');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
thisElem.innerText = es[thisElem.innerText];
thisElem.attachEvent( "onClick", loadSecwepemc()); // capture phase
}
}
var fbelem = e.target.getElementsByTagName('h2');
for (var i = 0; i < fbelem.length; i++) {
var thisElem = fbelem[i];
if (thisElem.innerText in es) {
icon = thisElem.childNodes[0]
thisElem.innerText = es[thisElem.innerText];
thisElem.appendChild(icon)
}
}
}
document.attachEvent('onNodeInserted', changedNode());
How do I replace the string "rpg" only present in between <et> tags ? Code: <et>ReplaceOnlyrpg</et> After replacement it should look like this Code: <et>ReplaceOnly</et> Any advice is appreciated. Thank you Below is a javascript function from my website that loops through nodes in an XML file retrieving certain information about those who joined in the current month/year. The part in red creates a link which when clicked runs a function called show() with the relevant i variable value e.g. show(2) for the second node if that is relevant. Anyway the red part works in Chrome but not Internet Explorer (surprise surprise). I did some research which says that .setattribute is not allowed in IE. How can I change the red code to create links for the relevant records which works in IE? Thank you for your help Code:
function displaymember() {
var d = new Date();
var curr_month = d.getMonth();
curr_month++;
if (curr_month < 10) curr_month = "0" + curr_month;
var curr_year = d.getFullYear();
for (i = 0; i < x.length; i++) {
membershipstatus = (x[i].getElementsByTagName("membership_status")[0].childNodes[0].nodeValue);
name = (x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
body = (x[i].getElementsByTagName("body_type")[0].childNodes[0].nodeValue);
ethnicity = (x[i].getElementsByTagName("ethnicity")[0].childNodes[0].nodeValue);
sex = (x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);
seeking = (x[i].getElementsByTagName("seeking")[0].childNodes[0].nodeValue);
date = (x[i].getElementsByTagName("date_joined")[0]);
month = (date.getElementsByTagName("month")[0].childNodes[0].nodeValue);
year = (date.getElementsByTagName("year")[0].childNodes[0].nodeValue);
newa = document.createElement("a");
aIdName = "my" + i + "a";
ahref = "#";
aclick = "show(" + i + ")";
newa.setAttribute("id", aIdName);
newa.setAttribute("href", ahref);
newa.setAttribute("onclick", aclick);
newa.innerHTML = name + " | " + body + " " + ethnicity + " " + sex + " with " + membershipstatus + " membership seeks " + seeking + "<br/>";
if (curr_month == month && curr_year == year) {
document.getElementById("member").appendChild(newa);
}
}
}
I basically have a property website with different types of properties, e.g. detached houses, semi detached houses. and I want to create a filter so when you click 'detached houses' only detached houses are shown. Is there any tutorials you can point me to, would be appreciated. This is what i have so far.. Code: <div id="main">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div id="filter"><p class="houses" style="font-family:helvetica;color:#0155a1;font-size:14px;background:url(cutouts/forsale/filter.jpg) no-repeat;"><b><u>Houses</u></b>
<br />
<span class="dh"><b><u>Detached Houses</u></b></span>
<br />
<span class="dh"><b><u>Semi-detached houses</u></b></span>
<br />
<span class="dh"><b><u>Terraced houses</u></b></span>
<br />
<br />
<b><u>Flats / Apartments</u></b>
</p></div></td>
<td><div id="info1"><a href="#"><img src="cutouts/forsale/pinfo1.jpg" alt=""/></a></div></td>
</tr>
</table>
<div id="info2"><a href="#"><img src="cutouts/forsale/pinfo2.jpg" alt=""/></a></div>
<div id="info3"><a href="#"><img src="cutouts/forsale/pinfo3.jpg" alt=""/></a></div>
<div id="info4"><a href="#"><img src="cutouts/forsale/pinfo4.jpg" alt=""/></a></div>
<script type="text/javascript">
var properties = {$properties_json};
// very simple getter method that uses a single key-value pair.
var selectProperties(k, v) {
var rv = [];
for (var i in properties) {
if (properties[i][k] == v) {
rv.push(properties[i]);
}
}
return rv;
} // selectProperties()
</script>
</div>
I'm using a form data reference, something like P-1234 for example to create a text file and a link to the file. This is during the construction of a new table or table row with javascript. I have an array of one or more references submitted via form using $_POST. On my action page I am creating a txt file P-1234. If I am creating a table ot table row using createElement(), one of the cells will have a link to the file. If the file is created as follows: PHP Code: $File = $_POST['ref'][$i] . "txt"; After creating the cell Code: var Cell = document.createElement('td');
I assign the file to a variable var File = "<?= $File ?> "; I assume the link is inserted using innerHTML? If so, do I just append the filename to the end of the file path like this? Cell.innerHTML = "http://localhost/Project/+File"; If this is not the right way can someone point me in the right direction? Evening all. Here's a snippet: Code:
canvases[i] = document.createElement('canvas');
canvases[i].style.width = '3px';
canvases[i].style.height = '100%';
canvases[i].getContext("2D");
canvases[i].fillRect(1,0,1,table_height);
I'm trying to dynamically create a canvas element. Later in the script it gets attached to the DOM, and this works fine if the last two lines are missing. I end up with a canvas element that is 3px wide and 100% of the containing div tall. However, the last two lines make it crash, with the error report 'canvases[i].fillRect is not a function'. If I change the last two lines to Code: var drawing = canvases[i].getContext("2D");
drawing.fillRect(1,0,1,table_height);
it says 'drawing is null'. Something seems to be going wrong with the getContext bit, because setting the height and width work fine. Any ideas? It behaves the same if I append the canvas element to the DOM before trying to do the drawing as well. This is in FF4.0.1 with a xhtml1-strict.dtd doctype and valid html. Thanks, Chris |
|||||||