Javascript y los navegadores...

[machoman112233]

Buenas... a ver... estoy haciendo un posting, para publicar la informacion. Lo que pasa es que he echo algo parecido a los de los foros con lo bbcodes y estoy hasta arriba de solucionar algo para un navegador y que no me funcione en otro...

Mi problema es que con firefox al clickar sobre la imagen del bbcode, una vez introducido, el textarea se me pone a la primera fila y no quiero que se me mueva de donde esta el scroll. En IE al hacer click sobre el bbcode me lo escribe fuera del textare... os pongo el codigo a ver que falla...

Código javascript:

function bbcodes(bbcode)
{
    var bbc=new Array();
    var campo=document.form_1.contenido;
    
    switch (bbcode)
    {
        case 'youtube':
        {
                bbc[0]='[youtube]';
                bbc[1]='[/youtube]';
        }break;
 
       //bbcodes...
    }
 
    if (document.selection)
    {
        var sel = document.selection.createRange();
        sel.text = bbc[0] + sel.text + bbc[1];
        campo.focus();
    }
 
    else if (campo.selectionStart || campo.selectionStart == 0)
    {
        var startPos = campo.selectionStart;
        var endPos = campo.selectionEnd;
        var ins_txt=campo.value.substring(startPos,endPos);
        campo.value = campo.value.substr(0, startPos)
        + bbc[0]+ ins_txt + bbc[1] + campo.value.substr(endPos);
        campo.focus();
    }
}
 

Código html:

<!-- mas contenido -->
 
<div id="bbcodes">
<ul>
<li><img src="images/bbcodes/italic.gif" onclick="bbcodes('italic')" onmouseover="ayuda('italic')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/under.gif" onclick="bbcodes('under')" onmouseover="ayuda('under')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/strike.gif" onclick="bbcodes('strike')" onmouseover="ayuda('strike')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/bold.gif"/ onclick="bbcodes('bold')" onmouseover="ayuda('bold')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/left.gif" onclick="bbcodes('left')" onmouseover="ayuda('left')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/center.gif" onclick="bbcodes('center')" onmouseover="ayuda('center')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/right.gif" onclick="bbcodes('right')" onmouseover="ayuda('right')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/preformat.gif" onclick="bbcodes('pre')" onmouseover="ayuda('pre')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/url.gif" onclick="bbcodes('url')" onmouseover="ayuda('url')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/youtube.gif" onclick="bbcodes('youtube')" onmouseover="ayuda('youtube')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/googlevid.gif" onclick="bbcodes('googlevid')" onmouseover="ayuda('googlevid')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/gametrailers.gif" onclick="bbcodes('gt')" onmouseover="ayuda('gt')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/wmp.gif" onclick="bbcodes('wmp')" onmouseover="ayuda('wmp')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/img.gif" onclick="bbcodes('img')" onmouseover="ayuda('img')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/forecolor.gif" onclick="bbcodes('color')" onmouseover="ayuda('color')" onmouseout="ayuda_fuera()"/></li>
<li><img src="images/bbcodes/.gif" onclick="bbcodes('')" 
</ul>
</div>
 
<div>
<textarea name="ayuda" rows="1" cols="61" DISABLED></textarea>
</div>
<textarea name="contenido" rows="5" cols="61" wrap="soft">Introduce aqui tu [b]BBCode[/b]</textarea>
<p></p><input type="submit" name="enviar" value="Enviar" />
</form>
</div>