www.webdeveloper.com
Results 1 to 6 of 6

Thread: extract text BETWEEN

  1. #1
    Join Date
    Dec 2011
    Posts
    29

    Angry extract text BETWEEN

    hello guys I want to extract text between
    HTML Code:
    <span style="color: red;">Your Price</span>:$
    and
    HTML Code:
    <br>
    and show the extracted text

  2. #2
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,373

    Question

    Quote Originally Posted by bondigor69 View Post
    hello guys I want to extract text between
    HTML Code:
    <span style="color: red;">Your Price</span>:$
    and
    HTML Code:
    <br>
    and show the extracted text
    Do you mean the text "Your Price"?

    What text is between "<br>"?

  3. #3
    Join Date
    Dec 2011
    Posts
    29
    Quote Originally Posted by JMRKER View Post
    Do you mean the text "Your Price"?

    What text is between "<br>"?
    the text beween is a price that always changing

  4. #4
    Join Date
    Nov 2002
    Location
    Flint, Michigan, USA
    Posts
    590
    You posted the same question on CodingForums; please see the answer there.

  5. #5
    Join Date
    Oct 2010
    Location
    Versailles, France
    Posts
    1,266
    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>
    Last edited by 007Julien; 06-17-2012 at 06:42 PM.

  6. #6
    Join Date
    Sep 2007
    Posts
    315
    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">&#168;</span>
    <span id="kiraz"></span>
    <br>
    
    <input type="button" value="1 kilo kiraz, bu hafta ka&#231; lira?"  onclick="fiyatlar()">
    
    </body>
    </html>
    Last edited by Ayşe; 06-18-2012 at 06:29 AM.
    Bismillahirrahmanirrahîm
    Hamd, Âlemlerin Rabbi, Rahmân, Rahîm, hesap ve ceza gününün (ahiret gününün) maliki Allah'a mahsustur. (Allahım!) Yalnız sana ibadet ederiz ve yalnız senden yardım dileriz. Bizi doğru yola, kendilerine nimet verdiklerinin yoluna ilet; gazaba uğrayanların ve sapıklarınkine değil.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles