hello guys I want to extract text between
andHTML Code:<span style="color: red;">Your Price</span>:$
and show the extracted text:confused:HTML Code:<br>
Printable View
hello guys I want to extract text between
andHTML Code:<span style="color: red;">Your Price</span>:$
and show the extracted text:confused:HTML Code:<br>
Do you mean the text "Your Price"?Quote:
Originally Posted by bondigor69
What text is between "<br>"?
the text beween is a price that always changingQuote:
Originally Posted by JMRKER
You posted the same question on CodingForums; please see the answer there.
Let us illustrate several possible methods on this example
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div id="pge">
<p>Somme product...
<span style="color: red;">Your Price</span>:$ 123,000.07
<br>
Other developments...
</p>
</div>
<script type="text/javascript">
var texte=document.getElementById('pge').innerHTML;
var texteAfterYourPrice=texte.substr(texte.indexOf('Your Price')+'your Price'.length);
alert("After Your Price : \n"+texteAfterYourPrice);
var texteAfterYourPriceWithoutSpanNor$=texteAfterYourPrice.replace(/^[^>]+>:\$/,'');
alert("Without Span nor $\n"+texteAfterYourPriceWithoutSpanNor$);
var texteAfterYourPriceWithoutSpanNor$BeforBr=texteAfterYourPriceWithoutSpanNor$.replace(/<br ?\/?>(.|\n)+$/i,'');
alert("Texte between ... \n"+texteAfterYourPriceWithoutSpanNor$BeforBr);
var price=parseFloat(texteAfterYourPriceWithoutSpanNor$BeforBr.replace(/(\s|,)+/g,''));//a Flot or an Integer (parseInt) Without blanks or commas
alert("The naked Price \n"+price);
</script>
</body>
</html>
The code I wrote:
Code:<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
.TL { font-family:AbakuTLSymSans, sans-serif; font-size:46px; color:gold;}
#kiraz { font-family:Verdana; font-size:36px; color:turquoise;}
</style>
<script type="text/javascript">
// http://www.webdeveloper.com/forum/showthread.php?t=261703
function fiyatlar() {
var el = document.getElementById('kiraz');
el.innerHTML = " 2.5"
}
</script>
</head>
<body>
<span style="color: red;">Kiraz : </span>
<span class="TL">¨</span>
<span id="kiraz"></span>
<br>
<input type="button" value="1 kilo kiraz, bu hafta kaç lira?" onclick="fiyatlar()">
</body>
</html>
