www.webdeveloper.com
Results 1 to 5 of 5

Thread: Help! Making a script IE, FireFox (& others) Compatible

  1. #1
    Join Date
    Feb 2005
    Posts
    4

    Help! Making a script IE, FireFox (& others) Compatible

    Hi..

    This is my first post in this forum.

    I've a simple script for HTML editor. It works great (for me) on IE. I'm not able to make it compatible for FireFox.

    Code:
    <script language="Javascript">
    <!--
    function FormatSelection( tag, fieldname )
    {
    var str = document.selection.createRange().text;
    document.getElementById(fieldname).focus();
    var sel = document.selection.createRange();
    if (tag=="B" || tag=="I" || tag=="U") {
    sel.text = "<" + tag + ">" + str + "</" + tag + ">";
    }
    };
    //-->
    </script>
    
    
    <A HREF="javascript:FormatSelection('B','text')">Bold</A> &nbsp; 
    <A HREF="javascript:FormatSelection('I','text')">Italic</A> &nbsp;
    <A HREF="javascript:FormatSelection('U','text')">Underline</A>
    
    <form method="post" src="some.php">
    <TEXTAREA NAME="text" ROWS="10" COLS="30"></TEXTAREA>
    </FORM>
    Can anyone help please?

    Thanks in advance...

    Cheers!

    Subhendu
    Looking for Article Writers...
    http://www.TheWebContent.com
    ----- Coming up soon! ------

  2. #2
    Join Date
    Dec 2002
    Location
    Taiwan
    Posts
    1,297
    The 2nd-to-last post on this page has what I think you need:
    http://www.howtocreate.co.uk/emails/Armand.html
    The Web Standards Project Build accessible standard compliant websites, please!
    Browse Happy Don't forget to support the browsers with standard compliance

  3. #3
    Join Date
    Feb 2005
    Posts
    4
    Hi thanks for your help...

    Let me work on the script and will get back with the revised script.

    Thanks again...

    Subhendu
    Looking for Article Writers...
    http://www.TheWebContent.com
    ----- Coming up soon! ------

  4. #4
    Join Date
    Feb 2005
    Posts
    4
    Hi again....

    I've got it worked!

    Code:
    <script language="Javascript">
    <!--
    function FormatSelection( tag, fieldname ) {
    var aTag =  '<' + tag + '>';
    var eTag =  '</' + tag + '>';
    var input = document.forms['abc'].elements[fieldname];
    input.focus();
    
    //FOR IE
    if	(typeof document.selection != 'undefined') {
    		var range = document.selection.createRange();
    		var insText = range.text;
    		range.text = aTag + insText + eTag;
    		range = document.selection.createRange();
    	if	(insText.length == 0) {
    			range.move('character', -eTag.length);
    	}	else {
    			range.moveStart('character', aTag.length + insText.length + eTag.length);      
       }
       range.select();
    
    }   else  {  
    
    // FOR Gecko Browser
    
    if	(typeof input.selectionStart != 'undefined') {
    
    	var start = input.selectionStart;
    	var end = input.selectionEnd;
    	var insText = input.value.substring(start, end);
    	input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
    
    	var pos;
    	if	(insText.length == 0) {
    		pos = start + aTag.length;
    	} else {
    		pos = start + aTag.length + insText.length + eTag.length;
    	}
       input.selectionStart = pos;
       input.selectionEnd = pos;
    
    	}
    }
    
    };
    //-->
    </script>
    
    
    <form name="abc">
    <a href="#" onclick="FormatAdsense('B','toppanel');">Bold</a> &nbsp; 
    <a href="#" onclick="FormatAdsense('I','toppanel');">Italic</a> &nbsp; 
    <a href="#" onclick="FormatAdsense('U','toppanel');">Underline</a> &nbsp; 
    <TEXTAREA NAME="toppanel" ROWS="10" COLS="20"></TEXTAREA>
    
    </form>
    I got this with refernce to : http://chris.brandlehner.at/Brandleh...ks/CBRR-69ZHYY

    Thanks again for your time....


    Hope this helps
    Looking for Article Writers...
    http://www.TheWebContent.com
    ----- Coming up soon! ------

  5. #5
    Join Date
    Feb 2005
    Posts
    4

    OOPSSS!

    Oops!

    The correct html is :

    Code:
    <form name="abc">
    <a href="#" onclick="FormatSelection('B','toppanel');">Bold</a>   
    <a href="#" onclick="FormatSelection('I','toppanel');">Italic</a>   
    <a href="#" onclick="FormatSelection('U','toppanel');">Underline</a>   
    <TEXTAREA NAME="toppanel" ROWS="10" COLS="20"></TEXTAREA>
    
    </form>
    Sorry for any inconvenience....

    Cheers!

    Subhendu
    Looking for Article Writers...
    http://www.TheWebContent.com
    ----- Coming up soon! ------

Thread Information

Users Browsing this Thread

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

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