I want to do something like the following pseudo:
For all elements in the body tree - if they have text in them - check if the text equals "the", and if so, replace it with THE.
how to write such a selector?
I am trying tooptimize my stupid code here,I am wondering if there is any way to combine this code to look more elegant [code]...
View 1 Replies View RelatedHere is a list of block-level elements: [URL]. What is the best way to detect these using JavaScript?
View 5 Replies View RelatedCan Jquery Detect How Many Lines of Text within a Div or A tag?
I am attempting to have different backgrounds depending on how many lines the left navigation takes up. For example if the item in the left nav only takes up one line it will have backgroundA. If the item in the left nav only takes up 2 lines it will have backgroundB etc.. Currently I have everything with backgroundA but there are a few that are taking up two lines or three lines and I can't shorten them as that is what the customer needs to have, but it looks horrible...
So can Jquery detect how many lines of text within a div or a tag and follow the css so it knows when it goes to another line and it can switch the background to something longer?
I'm performing some validation functions on a form I've created.For the phone number, I have 3 text boxes lined up next to one another. The first is for the country code, the second is for area code and the third is for the remainder of the phone number.I have used the following in order to detect whether the input value isNaN.
Code:
input = document.getElementById("phone1");
if (isNaN(input.value)) {
errorText += "[code]...
As I have three text boxes for the phone number, can I group them within this one statement? So, ...getElementById("phone1, phone2, phone3"); ?If not, what would you recommend?
I am trying to detect the DOM element on a unkown web page from thecurrent selected text on that page.Which means: I select text on a web page and then I would like to getthe dom element to which this text belongs.What I came up with was something like that: (imagin we selected theword John on that page....)var array = $("*:contains('John')"); ---> get all domelements that contain the text 'John'But, instead of returning all dom elements that contain 'John' , itreturns only the path from the HTML element to the P element thatcontains the text 'John'. (HTML->Body->P)Did I miss something ? Is there a complete different way to accomplish
View 3 Replies View RelatedWhat I'm trying to do is insert hard-coded line breaks where ever the text wraps inside a div or td element (or any other element, I suppose). The point is to ensure that the text always wraps in the same place in print as it does on screen, which in turn will ensure that the container element is always the same height in print as it is on screen. It needs to work on non-monospaced type, so counting characters isn't really an option.
I've done lots of googling on this and the only thing I've found that even acknowledges that wrapped text has multiple lines is the getClientRect() method. This method returns a collection of rectangles-- one for each line of text in the container element. This can be used to determine how many lines there are, and the dimensions of each, but I don't think that really helps me, unfortunately.
Can you pick out just the text that a user has selected in a TextArea using
JS?
I am trying to work out if this is possible: I have some html/text that I want to break apart into different elements (div tags), only one div tag should be visible/shown and at the bottom of the element are the number of "pages" (01/02/03/04...), each of these "pages" is actually just the next div element, the user can click on the "page number" so they can move to the next element (hidden initially) by using javascript to change which element should be displayed. Clicking on the the "page" will bring up that particular chunk of text. The div element is a specific size (width and height), and thats why only a certain amount of text can fit into it. These elements will be created dynamically from a database.
Right now I can do this by either manually forcing the user to break the text apart themselves by entering the text/html using multiple WYSIWYG editor text areas and giving them a rough amount of characters they can use and/or only allowing a certain amount of characters per textarea....Another alternative I thought of was to use php cut up the text into pieces and place them into divs by counting the number of characters based on the which font is theoretically being employed (I have a javascript script to detect if a particular font is available - how reliable it is I have yet to determine). But I was hoping that there was a solution in javascript to automatically detect when the text overflows and generate/change the number of divs, split the html/text up into the correct number of pieces and RE-generate the internal div page numbers (01/02/03/04...).
I guess there a number of problems with this idea that may stop it from being practical, such as which browser is being used, which font is being used and how the user has their text size set on their browser window... and probably other things I am not thinking of. I was hoping that by detecting if the text overflowed something could be done, but perhaps it is too complicated? Is there something out there that can do this? Is it possible? Perhaps too there are other solutions to the problem, either ones that are already out there or one that has to be built from scratch? I guess in the end my question is, is there a cleaner way of breaking the text apart in javascript by using overflow or something similar than doing it by counting characters with a server-side language?
How I can detect URLs in a larger body of text using a regular expression in javascript.
For ex.:
I type this text in my form and I saved in database: My home page is
And in my site I want to appear like here:My home page is
I'm trying to find the trailing [code]although there is a text node after it. I suspect there may be an issue because if you get the returned [code]you get the text node containing "and some more text".
View 3 Replies View RelatedI am trying to get a alert box to popup each time a input text box is typed into. Here is the coding for the input text box:
This is in includes/search.php
Code:
<input type="search" name="search" id="search" class="search" autocomplete="off" />
And I am using JQuery to listen for it, here's my JQuery Code, I called it in and everything.
This is in js/jcode.js
Code:
$(document).ready(function(){
$("#search").onchange(function(event){
event.preventDefault();
alert("x");
});
});
And I am calling all: JQuery.js, jcode.js, search.php, into index.php to load it all
I am trying to wrap <a> tags around text in <li> elements. How can I get the index of the <li> in the <ul>? I tried something like this: $('.tabbed-list li').wrapInner('<a></a>'); That works fine. However, I want to do something like this: $(this).wrapInner('<a href="#' + $(this).index() + '"></a>');
View 1 Replies View RelatedCan Javascript be used to detect a certain url and then "not" write some html according to that url and also detect something on the page and "then" display some html?.
Example: I'm working on a volusion site that uses asp. There's basically only one page that's changed dynamically. I would like to display some html when and only if the cart has any items in it. But also not to show up on the check-out pages.
The page dynamically displays "Your cart has 1 item in it..." when the visitors puts something in their cart.
So could javascript detect when this is displayed then write some html and then also detect if the url is showing the cart and then not show the html?
I would like to find all elements within my DOM that begin with "test". Any idea on how I would go about this?
Example Below I would like to return a list of element id's of test1, test2, test3
<html>
<body>
<div id="spacer">
<div id="test1">Blah</div>
<div id="test2">Blah</div>
</div>
<div id="test3">Blah</div>
</body>
</html>
I have a paragraph with text and anchors.Given an anchor $myAnchor within the paragraph, I can get the immediately following one:
$nextAnchor = $myAnchor.next('a');
How do I get the text/HTML between these two anchors?
They are not very expert in javascript. I created a script that needs to calculate the sum of text fields. My function is limited to 5 elements, you can simplify and make it work for n elements.
PHP Code:
<script>
function somma() {
var a=eval(document.getElementById("primo").value);
var b=eval(document.getElementById("secondo0").value);
var somma0=(a) - ((a) * (b)) / 100;
var somma0=Math.round(somma0 * 100) / 100;
document.getElementById("somma0").value=somma0;
var b1=eval(document.getElementById("secondo1").value);
var somma1=(a) - ((a) * (b1)) / 100;
var somma1=Math.round(somma1 * 100) / 100;
document.getElementById("somma1").value=somma1;
var b2=eval(document.getElementById("secondo2").value);
var somma2=(a) - ((a) * (b2)) / 100;
var somma2=Math.round(somma2 * 100) / 100;
document.getElementById("somma2").value=somma2;
var b3=eval(document.getElementById("secondo3").value);
var somma3=(a) - ((a) * (b3)) / 100;
var somma3=Math.round(somma3 * 100) / 100;
document.getElementById("somma3").value=somma3;
var b4=eval(document.getElementById("secondo4").value);
var somma4=(a) - ((a) * (b4)) / 100;
var somma4=Math.round(somma4 * 100) / 100;
document.getElementById("somma4").value=somma4;
}
</script>
<input type="text" id="primo" onKeyUp="somma()" /><br /><br />
<?php for($i=0;$i<=4;$i++) { ?>
<input type="text" id="secondo<?php echo $i; ?>" name="secondo" onKeyUp="somma()" value="6" />
<input type="text" id="somma<?php echo $i; ?>" /><br />
<?php } ?>
I need to add an event for all elements that are not text entry.I have tried this
$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')
I tried to get it to work for just not type=text
$(':not(:text)')
$(':not(input:text)')
I can't seem to figure it out.
I have a web page describing a procedure using generic names. At the
top of the page I have a text box. When the user enters a specific name in
the text box, I would like the page to redisplay the procedure using the
name entered in the box. For that I started like this: Code:
Why does Firefox insert #text nodes as children of TR elements?
As a work-around for older Safari versions not properly supporting a
table row's cells collection, I used the row's childNodes collection as
it was pretty much exactly the same thing. However, in Firefox 1.0.7
text nodes are inserted between the TDs. I'm certain that this didn't
use to happen with older versions.
The HTML specification states that the only element that can be the
child of a TR is a TD, so why does Firefox put text nodes in there?
If this how the DOM is supposed to be built, can someone give me a
reference to where it states that? Or should this be reported as a
Firefox bug?
I have some pages being loaded via ajax and I want some of the elements hidden when the page is loaded.I could hide them with CSS and then change the css attribute when I want them to show but that just seems clunky to me since I'd have to assign <input style="visibility: hidden;"> to everything I wanted hidden on load. I know how to make it visible later when I need it.Using jquery's document.read doesn't seem like a good solution either since I'd have to make a list of everything I might want hidden right there on the main page.
View 5 Replies View RelatedI have a list of input fields within the form and a button that can be clicked to add new input fields into the form. This works but if any of the input elements have had text entered into them, then this text is cleared when the button is selected. code...
View 5 Replies View RelatedI have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
In a nutshell I need to know when the user opened a new tab. I lookedaroundand I can't find an answer to it. Most of the browsers keep the same session id for the new tab, which in turn makes my application not happy.
View 9 Replies View RelatedI having been trying to make the data from generated (using div tags) pairs of textboxes into two separate arrays, a[] and b[]. I thought that if I label each text box pair a[i] and b[i] that would be enough to include the respective element in each array but that hasn't seemed to work. In fact. the only way I managed to retrieve the values from the text boxes was using "getElementById" and resorted to a for loop in order to make the arrays but that method appears to be able to get elements from only one pair of text boxes. Code:
View 3 Replies View RelatedWhat is the correct syntax for an nested array where each array element has 3 elements, a number and two text strings?
Code:
array = ['1, Old Man, Old Man','2 Black Sheep, Black Sheep',....]
should the text strings be in double quotes("")?
Code:
array = ['1, "Old Man", "Old Man"','2 "Black Sheep", "Black Sheep"',....]