|
JavaScript - Get Offsetleft Of Char In A String In A Childnodes
Is there a way to calculate the .offsetLeft or .left of a character in a string relative the element that contains the string? I'm just trying to wrap each character in an element and position the characters independently, so I have to set the .position to absolute, and set the .left and .top on each element as I create it so I can move the elements later on.
Thanks for any help you might have for me. Similar Tutorialsi have a problem with this code when working in IE it gives me 0,0 coords when i use iframe tag and -1,-1 when i use div tag but gives correct coords when using firefox Code: unction GetRealOffset(id)
{
var elem = document.getElementById(id);
var leftOffset = elem.offsetLeft;
var topOffset = elem.offsetTop;
var parent = elem.offsetParent;
while(parent != document.body)
{
leftOffset += parent.offsetLeft;
topOffset += parent.offsetTop;
parent = parent.offsetParent;
}
var Offsets = new Object();
Offsets.top = topOffset;
Offsets.left = leftOffset;
alert(Offsets.top + " " +Offsets.left)
return Offsets;
}
i tried this code as well Code: function findPosX(obj)
{
var curleft = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}
function findPosY(obj)
{
var curtop = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}
but both r giving same value in IE can u help me plz thx in advance Edit/Delete Message I have a javascript for a tree view but i need to change it according to the requirement. Lets start with example with the treeview as follow: 1 Door phone 1.1 Ready Kits 1.1.1 Audioset 1.1.2 Videoset 1.2 Audio Kits 1.2.1 Elphone 1.2.2 Video Door phone 2 CCTV 2.1 Camera 2.1.1 Dome Camera 2.1.2 IP Camera 2.2 Others Now the thing is in the current treeview a single category is open at a time. like if 1.1.1 is open 1.1.2 will b closed and similarly if 1.1 is open...1.2 will b closed. But i want that when i click on 1(Door phone) ie Door phone...evry node should be opened instead of just one similary when i click on 2(CCTV), all its node should be opened. I hope it will be possible to achieve this and i would be helped. I can also provide with the javascript if required. i have an onclick function, but after debuging i found that firefox and only firefox blocks at the line " individualNames = names.childNodes[0].innerText; " is there somthin im missing please help. function searchForm() { var change = 0; var searchValue = document.getElementById("searchValue").value.toLowerCase(); var count = document.getElementById("excelTable").rows.length; var once = true; myArray = new Array(); if(searchValue == ""){alert("Please enter a value"); return false} for(i=0;i<=count;i++){ names = document.getElementById("excelTable").rows[i]; individualNames = names.childNodes[0].innerText; //only by last name of the file coming in format == "LastName, FirstName" lastName = individualNames.split(", "); //only by last name lowerCaseNames = lastName[0].toLowerCase(); names.style.backgroundColor = "#FFF"; if(lowerCaseNames.indexOf(searchValue) != -1) { names.style.backgroundColor = "#999"; //make the first result with the search apear on screen than stop after the first if(once==true){document.getElementById("excelTable").rows[i].scrollIntoView(true); once=false;} myArray[change] = document.getElementById("excelTable").rows[i];//fill a passing array to next function change++;//make the array go to next slot document.getElementById("nextButton").disabled = false; document.getElementById("searchTitle").scrollIntoView(true); } } } sub: Please help me to get all characters from every line from a word-wrapped div using javascript. Detail: Need to get all the characters for first line, second line, third line,... separately from the word-wrapped div Thanks for your reply. I'm using jQuery+drupal and some jQuery plugins. All is ok with Firefox. But in IE's i'm receiving problem like this. Line: 1 Char: 1 Error: object expected URL: http://businessway.am I have included .js files. How to know where is the problem? In which file? Line 1? Which file? If you can please check with this address: http://businessway.am I was looking at that old Strawberry Fields problem and I thought I'd see about solving it in JavaScript. What I want is an array of chars so that I can set individual elements in the array of arrays. Strings are apparently immutable and can't directly be changed? Here's my code. Code: var field = new Array();
var string0 = "..@@@@@..............."
var string1 = "..@@@@@@........@@@..."
var string2 = ".....@@@@@......@@@..."
var string3 = ".......@@@@@@@@@@@@..."
var string4 = ".........@@@@@........"
var string5 = ".........@@@@@........"
for (var i = 0; i < 6; i++) {
field[i] = new Array();
field[i] = eval("string" + i + ".slice('')");
}
document.write("field's type is " + typeof field + "<br>"); // object? but it should be explicit array
document.write(typeof field[1]) // string? it should explicitly be an array, then it was filled with array elements
document.write(typeof field[1][2]); // string - ok, I understand this bit
document.write(field[1].length);
document.write("<br>");
for (var i = 0; i < field.length; i++) {
field[i] = new Array();
for (var k = 0; k < eval("string" + i + ".length"); k++) {
field[i][k] = eval("string" + i + ".charAt(" + k + ")");
}
document.write("<br>");
}
document.write("field's type is " + typeof field + "<br>"); // seriously, an object?
document.write(typeof field[1]) // why is this an object instead of an array?
document.write(typeof field[1][2]); // string, yeah, I understand this as well
document.write(field[1].length);
document.write("<br>");
Also, it looks like I can't overwrite a 1-length string that's in the array of arrays. For instance: Code: newField = field; //for loops newField[i][k] = 0; // does nothing, newField's elements remain the same. 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 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? 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 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 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)); 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/" 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? Hi, I have a string stored in a variable var = "4.25 houses". I would like to only extract the currency value, ie "4.25" from this. Is this possible? Also I would like to divide and multiply the new variable I get... does this number need to be converted or something? Thanks in advance! How to handle String in Javascript
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 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?
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? 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 |
|||||||