[IE + javascript] render probleem met inputbox - Softwareontwikkeling

dinsdag 26 augustus 2008 16:07

Acties:

Kopyright Liberation Front

Topicstarter

Hallo,

het volgens is mijn probleem.

ik heb een soort van auto-complete in een inputbox.
is de text die erbij komt kort, dan is er niets aan de hand.
is de text erg lang dan "schuift" de tekst een klein tikje naar links, waardoor
de eerst letter niet meer te zien is.
het idee is, dat de tekst die erbij komt geselecteerd is en als je dus verder tikt, het simpelweg verdwijnt.

wie kan mij helpen om dit te fixen?

hier mijn vluchtige testcode.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Issue #1669 Test</title>
</head>
<body>

<script type="text/javascript">
    var bFirst = true;
    
    function testme(objID)
    {
        
        var strValue = document.getElementById(objID).value;
        if ((strValue.length == 3) && (bFirst))
        {
            var strAddText = "korte text";
            switch (strValue)
            {
                case "ZZZ" : strAddText = "nog meer text en al dat andere soort valderie valdera";
                            break;
                default: break;
            }
            document.getElementById(objID).value += strAddText;
            var startPos = 3;
            var endPos = document.getElementById(objID).value.length;
            
            if (document.all)
            {
                //IE-strange
                var lg=document.getElementById(objID).createTextRange();
                lg.collapse(true);
                lg.moveEnd("character",endPos);
                lg.moveStart("character",startPos);
                lg.select();
            }
            else
            {
                document.getElementById(objID).setSelectionRange(startPos,startPos+endPos);
            }
            bFirst = false;
        } 
        else if (strValue.length == 0)
        {
            bFirst = true;
        }
    }
</script>
<b>TESTCASE 1</b>
<p>
type in ZZZ to generate a long text
</p>
<input type="text" id="longInput" value="" onkeyup="testme('longInput')" />

</body>
</html>

dinsdag 26 augustus 2008 16:20

Acties:

marty

achter lg.select(); zetten:

code:

1	document.getElementById(objID).scrollLeft = 0

dat lost je probleem op volgens mij.

[ Voor 26% gewijzigd door marty op 26-08-2008 16:21 ]

donderdag 28 augustus 2008 08:39

Acties:

mafti

Kopyright Liberation Front

Topicstarter

ugh, zo simpel...

enfin, dank je. ik heb duidelijk moeilijker gezocht