Find, Select and Replace! [Answered]RSS

• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Find, Select and Replace!

  Nov 30, 2015 03:20 AM|Embryologist|LINK

  Hi,

  How can I find and select "String" in iframe and then replace it by another string?,

  The following codes are working perfectly but I could not combine them together,

   function Find(txt) {
              var iframe = document.getElementById("Text_ifr");
              var iframe_contents = iframe.contentDocument.body.innerHTML;
              if (iframe_contents.indexOf(txt) >= 0) {
                  alert('Found')
              }
              else { alert('Not Found') }
              return false;
          }
  
   function replaceSelectedText(replacementText) {
              var iframe = document.getElementById("Text_ifr");
              var win = iframe.contentWindow;
              var doc = iframe.contentDocument || win.document;
              var sel, range;
              if (win.getSelection) {
                  sel = win.getSelection();
                  if (sel.rangeCount) {
                      range = sel.getRangeAt(0);
                      range.deleteContents();
                      range.insertNode(doc.createTextNode(replacementText));
                  }
              } else if (doc.selection && doc.selection.createRange) {
                  range = doc.selection.createRange();
                  range.text = replacementText;
              }
          }

  Thanks

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”
• • Reply
  A2H

  All-Star

  50021 Points

  9684 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 04:42 AM|A2H|LINK

  Embryologist

  The following codes are working perfectly but I could not combine them together,

  Instead of combining both function together. You can try calling one replaceSelectedText method from inside the Find function like below

   function Find(txt) {
              var iframe = document.getElementById("Text_ifr");
              var iframe_contents = iframe.contentDocument.body.innerHTML;
              if (iframe_contents.indexOf(txt) >= 0) {
                  //Here you can call your function to replace the text
                  replaceSelectedText(txt);
                  alert('Found');
              }
              else { alert('Not Found') }
              return false;
          }

  Thanks,
  A2H
  My Blog | Dotnet Funda
• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 04:45 AM|Embryologist|LINK

  Thanks for the prompt response, this works only if I select the text manually, How can I force auto selection and replacement?

  Thanks

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”
• • Reply
  vahid bakkhi

  Contributor

  3839 Points

  1384 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 05:13 AM|vahid bakkhi|LINK

  hi

  could you please more details,

  your mean was when your page loaded  find the text or other things

  vahid bakhtiary
  
  Please MARK AS ANSWER if suggestion helps.
• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 05:16 AM|Embryologist|LINK

  yes, I am passing values using query string to a template RTF, The template has some keywords that I want to find and replace them with values from query string

  ie, in the iframe innerhtml doc I have "Partner1", I want to locate it and replacement with another text

  I Managed to find the text but i could not replace it without manual selection

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”
• • Reply
  vahid bakkhi

  Contributor

  3839 Points

  1384 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 05:44 AM|vahid bakkhi|LINK

  you can when your iframe load be completed, call your java-script function , please  below code:

  <script>
          function onMyFrameLoad(txt) {
              var iframe = document.getElementById("Text_ifr");
              var iframeContents = iframe.contentDocument.body.innerHTML;
              if (iframeContents.indexOf(txt) >= 0) {
                  replaceSelectedText(txt);
                  alert('Found');
              } else {
                  alert('Not Found');
              }
              return false;
          };
      </script>
      <iframe id="Text_ifr" src="http://www.asreniaz.ir" width="480" height="320"
              onload="onMyFrameLoad('text')"></iframe>

  vahid bakhtiary
  
  Please MARK AS ANSWER if suggestion helps.
• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 06:44 AM|Embryologist|LINK

  Dear,

  This wont work, allow me please to rephrase my question, let me say that I have a textbox and "Microsoft SQL Server" word in it, how can I find SQL and select it automatically?

  it is more or less like "Find and Replace" in MS office

  Thanks

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”
• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 07:16 AM|Embryologist|LINK

  I finally Found it,

  Thanks guys for your input

   <script type="text/javascript">
          function Find(txt, replacement) {
              var iframe = document.getElementById("Text_ifr");
              var iframe_contents = iframe.contentDocument.body.innerHTML;
             
              if (iframe_contents.indexOf(txt) >= 0) {
                  alert('Found')
                  iframe.contentDocument.body.innerHTML = iframe.contentDocument.body.innerHTML.replace(txt, replacement);
              }
              else { alert('Not Found') }
              return false;
          }

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”
• • Reply
  vahid bakkhi

  Contributor

  3839 Points

  1384 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 07:21 AM|vahid bakkhi|LINK

  here i put a full sample  that you find your word and replace to other things :

  <html>
  <head>
      <script src="~/Scripts/jquery-2.1.4.min.js"></script>
      <script>
          $(function() {
              $("#btnSelect").click(function() {
                  var src_str = $("#test").html();
                  var term = "SQL";
                  term = term.replace(/(\s+)/, "(<[^>]+>)*$1(<[^>]+>)*");
                  var pattern = new RegExp("(" + term + ")", "gi");
  
                  src_str = src_str.replace(pattern, "<mark>$1</mark>");
                  src_str = src_str.replace(/(<mark>[^<>]*)((<[^>]+>)+)([^<>]*<\/mark>)/, "$1</mark>$2<mark>$4");
  
                  $("#test").html(src_str);
              });
  
              $("#btn").click(function() {
                  var text = $("#test").text();
                 $("#test").text(text.replace("SQL", "MS office"));
              });
  
          });
      </script>
  </head>
      <body>
          <div id="test">Microsoft SQL Server - Microsoft SQL Server</div>
          <br/>
          <input id="btnSelect" type="button" value="Select"/>
          <input id="btn" type="button" value="Find and Replace" />
      </body>
  </html>
  
  
  

  i hope it can be helpful

  vahid bakhtiary
  
  Please MARK AS ANSWER if suggestion helps.
• • Reply
  Embryologist

  Member

  107 Points

  222 Posts

  Re: Find, Select and Replace!

  Nov 30, 2015 07:24 AM|Embryologist|LINK

  Thanks, Much appreciated

  A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
  “Arthur Kornberg”