Avatar billede flashn00b Nybegynder
11. juni 2005 - 15:49 Der er 84 kommentarer og
2 løsninger

Når man skriver på siden skal alt komme i en div

Hejsa, nu har jeg smidt en
<div id="tekst"></div> ind på siden, men nu søger jeg en kvik en som kan lave sådan hvis man går ind på siden og skriver ud i det fri'e "Hejsa" på tasteturet, skal der stå "Hejsa" i diven "tekst"

forstår i?

Noget ala.
http://stuff.woox.dk/key.htm

Det hele skal bare stå i en div og ikke kun ét bogstav.
Avatar billede flashn00b Nybegynder
11. juni 2005 - 16:40 #1
HALLO?
Avatar billede gryn Nybegynder
11. juni 2005 - 17:07 #2
Skal det være en div? kan det ikke bare være et textarea, som du styler lidt?
Avatar billede nielle Nybegynder
11. juni 2005 - 17:18 #3
Formentligt ikke helt det du søger, men næsten:

<script type="text/javascript">
var d=document, k;
function CK()
{
    k = event.keyCode;

    $content = document.getElementById('textGoesHere').innerHTML;
    $content += String.fromCharCode(k);
    document.getElementById('textGoesHere').innerHTML = $content;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<div id="textGoesHere">
</div>
Avatar billede gryn Nybegynder
11. juni 2005 - 17:52 #4
nielle-> Det er rigtigt, men lidt mangelfuldt. Man kan hverken bruge backspace eller enter. Desuden vil der udelukkende returneres store bogstaver. Jeg har tilladt mig at lave et par tilføjelser:


<script type="text/javascript">
var d=document, k;
function CK()
{
    k = event.keyCode;

switch (k){
case 16:
return false
break;
case 13:
document.getElementById('textGoesHere').innerHTML += "<br>";
break;
case 8:
$content = document.getElementById('textGoesHere').innerHTML;

document.getElementById('textGoesHere').innerHTML = $content.substr(0,$content.length-1);
break;
default:

    $content = document.getElementById('textGoesHere').innerHTML;
if (event.shiftKey){    $content += String.fromCharCode(k)}
else {            $content += String.fromCharCode(k).toLowerCase()}
    document.getElementById('textGoesHere').innerHTML = $content;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;


}

};
d.onkeydown=CK;
</script>



<div id="textGoesHere">
</div>
Avatar billede nielle Nybegynder
11. juni 2005 - 18:30 #5
gryn> Nice, men du havde fået placeret en tuborg forkert, og så understøttede den heller ikke caps lock. Det gør den så nu:

<script type="text/javascript">
var d = document, k, CapsLock = false;
function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 20:
            CapsLock = !CapsLock;
            break;
        case 16:
            return false
            break;
        case 13:
            document.getElementById('textGoesHere').innerHTML += "<br>";
            break;
        case 8:
            $content = document.getElementById('textGoesHere').innerHTML;
            document.getElementById('textGoesHere').innerHTML = $content.substr(0,$content.length-1);
            break;
        default:
            $content = document.getElementById('textGoesHere').innerHTML;
            if (event.shiftKey ^ CapsLock)
            {
                $content += String.fromCharCode(k)
            }
            else
            {
                $content += String.fromCharCode(k).toLowerCase()
            }
            document.getElementById('textGoesHere').innerHTML = $content;
    }

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<div id="textGoesHere">
</div>
Avatar billede flashn00b Nybegynder
11. juni 2005 - 19:19 #6
nielle - Perfekt, kan du så lave sådan den automatisk laver linjebrud efter 20 bogstaver og der kan max stå 70 i boksen? ;)
Avatar billede flashn00b Nybegynder
11. juni 2005 - 19:22 #7
Og når man trykker enter skal den:
parent.system.document.all.js.src = 'skriv.php?besked=BESKEDEN MAN SKREV'

Men hvis man intet tekst har skrevet skal man ikke kunne trykke på enter ;)

Vil give jer så meget respekt for det, hvis i gad og lave..

Elsker fandme eksperten!
Avatar billede flashn00b Nybegynder
11. juni 2005 - 19:27 #8
.. og man skal kunne skrive:
!"#¤%&/()=?,;-_.:'*¨^´`+<>
Avatar billede gryn Nybegynder
11. juni 2005 - 21:17 #9
nielle-> Ok... du tog mig :-)

Jeg har hermed udviddet den
<script type="text/javascript">
var d = document, k, CapsLock = false;
function CK()
{
    k = event.keyCode;

$content = document.getElementById('textGoesHere').innerHTML;
if (($content.length == 20 || $content.length == 44 || $content.length == 68) && k != 8){
$content = $content + "<br>";
document.getElementById('textGoesHere').innerHTML = $content;
}
if ($content.length>12+69 && k != 8){return false}
else {
    switch (k)
    {
        case 49:
       
            if (event.shiftKey)
            {
                $content += "!"
            }
            else
            {
                $content += "1"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 50:
            if (event.shiftKey)
            {
                $content += '"'
            }
            else
            {
                $content += "2"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 51:
            if (event.shiftKey)
            {
                $content += "#"
            }
            else
            {
                $content += "3"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 52:
            if (event.shiftKey)
            {
                $content += "¤"
            }
            else
            {
                $content += "4"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 53:
            if (event.shiftKey)
            {
                $content += "%"
            }
            else
            {
                $content += "5"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 54:
            if (event.shiftKey)
            {
                $content += "&"
            }
            else
            {
                $content += "6"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;

        case 55:
            if (event.shiftKey)
            {
                $content += "/"
            }
            else
            {
                $content += "7"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;

        case 56:
            if (event.shiftKey)
            {
                $content += "("
            }
            else
            {
                $content += "8"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 57:
            if (event.shiftKey)
            {
                $content += ")"
            }
            else
            {
                $content += "9"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;

        case 48:
            if (event.shiftKey)
            {
                $content += "="
            }
            else
            {
                $content += "0"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 187:
            if (event.shiftKey)
            {
                $content += "?"
            }
            else
            {
                $content += "+"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 219:
            if (event.shiftKey)
            {
                $content += "`"
            }
            else
            {
                $content += "´"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 190:
            if (event.shiftKey)
            {
                $content += ":"
            }
            else
            {
                $content += "."
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 189:
            if (event.shiftKey)
            {
                $content += "_"
            }
            else
            {
                $content += "-"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 188:
            if (event.shiftKey)
            {
                $content += ";"
            }
            else
            {
                $content += ","
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 191:
            if (event.shiftKey)
            {
                $content += "*"
            }
            else
            {
                $content += "'"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;
        case 186:
            if (event.shiftKey)
            {
                $content += "^"
            }
            else
            {
                $content += "¨"
            }
        document.getElementById('textGoesHere').innerHTML = $content;
            break;



        case 20:
            CapsLock = !CapsLock;
            break;
        case 16:
            return false
            break;
        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + document.getElementById('textGoesHere').innerHTML;
            break;
        case 8:
            document.getElementById('textGoesHere').innerHTML = $content.substr(0,$content.length-1);
            break;
        default:
            if (event.shiftKey ^ CapsLock)
            {
                $content += String.fromCharCode(k)
            }
            else
            {
                $content += String.fromCharCode(k).toLowerCase()
            }
            document.getElementById('textGoesHere').innerHTML = $content;
    }

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;

}
};
d.onkeydown=CK;

</script>





<div id="textGoesHere">
</div>



Jeg kunne desværre ikke lige umiddelbart få < og > til at virke, men resten skulle vist være der nu.

/gryn
Avatar billede flashn00b Nybegynder
11. juni 2005 - 22:15 #10
Tak, du er virklig god =)
Kan du lave sådan efter man har trykket ENTER fjerner den det man skrev før?
og hvis der intet tekst i er <div skal den ikke vise diven ?
Avatar billede nielle Nybegynder
11. juni 2005 - 22:16 #11
Den her klarer vist det hele:

<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content.length > 70)
        $content = $content.substr(0, 70);

    $contentWithBr = "";
    if ($content.length <= 20)
        $contentWithBr = $content;
    else
    {
        $contentWithBr = $content.substr(0, 20) + "<br>";

        if ($content.length <= 40)
            $contentWithBr += $content.substr(20);
        else
        {
            $contentWithBr += $content.substr(20, 20) + "<br>";

            if ($content.length <= 60)
                $contentWithBr += $content.substr(40);               
            else
                $contentWithBr += $content.substr(40, 20) + "<br>" + $content.substr(60);
        }
    }

    $contentWithBr = $contentWithBr.replace(/</, "&lt;");
    $contentWithBr = $contentWithBr.replace(/>/, "&gt;");

    document.getElementById('textGoesHere').innerHTML = $contentWithBr;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<div id="textGoesHere">
</div>
Avatar billede nielle Nybegynder
11. juni 2005 - 22:17 #12
... ret case'n sådan her:

        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";
            break;
Avatar billede flashn00b Nybegynder
11. juni 2005 - 22:41 #13
hvad med æøå?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 22:44 #14
og den viser da stadig diven, selvom der ikke er noget i.
Avatar billede nielle Nybegynder
11. juni 2005 - 22:49 #15
æ, ø og å:

<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (event.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (event.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (event.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content.length > 70)
        $content = $content.substr(0, 70);

    $contentWithBr = "";
    if ($content.length <= 20)
        $contentWithBr = $content;
    else
    {
        $contentWithBr = $content.substr(0, 20) + "<br>";

        if ($content.length <= 40)
            $contentWithBr += $content.substr(20);
        else
        {
            $contentWithBr += $content.substr(20, 20) + "<br>";

            if ($content.length <= 60)
                $contentWithBr += $content.substr(40);               
            else
                $contentWithBr += $content.substr(40, 20) + "<br>" + $content.substr(60);
        }
    }

    $contentWithBr = $contentWithBr.replace(/</, "&lt;");
    $contentWithBr = $contentWithBr.replace(/>/, "&gt;");

    document.getElementById('textGoesHere').innerHTML = $contentWithBr;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<div id="textGoesHere">
</div>
Avatar billede nielle Nybegynder
11. juni 2005 - 22:49 #16
> og den viser da stadig diven, selvom der ikke er noget i.

Øh? er det da et problem?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 22:52 #17
Jeps, for ellers viser den en tom tabel =)

Og.. du har lige sat HTML til ikke være muligt også bruger du <br>, men har rettet til \n ;)
Avatar billede nielle Nybegynder
11. juni 2005 - 22:57 #18
Hvor kom der en tabel fra? Der er ingen tabel i hverken gryn eller min kode.

Jeg er heller ikke helt sikker på hvad du mener med at jeg skulle have "sat HTML til ikke være muligt".
Avatar billede gryn Nybegynder
11. juni 2005 - 22:57 #19
ellers retter du bare

        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";
            break;


til

        case 13:
if ($content.length>0){
parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";}
            break;

nielle -> heh...
Avatar billede gryn Nybegynder
11. juni 2005 - 22:58 #20
jeg er heller ikke med her
Avatar billede nielle Nybegynder
11. juni 2005 - 22:58 #21
gryn> Den svipsede. :^)
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:01 #22
så vil <div være tom ja, men problemet er udenpå har jeg en tabel:)
<table border=1 style="border-color: black;">
<td>
<div id="textGoesHere"></div>
</td>
</table>

Så kan vi måske kalde tabellen "ok" også lave den invisible som start og ved skrivning til SYNLIG?

Har ingen forstand, derfor jeg spørgere jer
Avatar billede gryn Nybegynder
11. juni 2005 - 23:06 #23
Altså... tabellen skal ikke være der før man begynder at skrive?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:06 #24
Ja.
Avatar billede gryn Nybegynder
11. juni 2005 - 23:07 #25
Din kode til din tabel var i øvrigt forkert. Sådan her skal den se ud:

<table border="1" style="border-color: black;">
<tr><td>
<div id="textGoesHere"></div>
</td></tr>
</table>
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:07 #26
Nej mener jeg =)
Avatar billede nielle Nybegynder
11. juni 2005 - 23:07 #27
Lige noget rettet kod før vi går videre:

<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (event.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (event.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (event.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content.length > 70)
        $content = $content.substr(0, 70);

    $contentWithBr = "";
    if ($content.length <= 20)
        $contentWithBr = $content;
    else
    {
        $contentWithBr = $content.substr(0, 20) + "<br>";

        if ($content.length <= 40)
            $contentWithBr += $content.substr(20).replace(/</, "&lt;").replace(/>/, "&gt;");
        else
        {
            $contentWithBr += $content.substr(20, 20).replace(/</, "&lt;").replace(/>/, "&gt;") + "<br>";

            if ($content.length <= 60)
                $contentWithBr += $content.substr(40).replace(/</, "&lt;").replace(/>/, "&gt;");
            else
                $contentWithBr += $content.substr(40, 20).replace(/</, "&lt;").replace(/>/, "&gt;") + "<br>" + $content.substr(60);
        }
    }

    document.getElementById('textGoesHere').innerHTML = $contentWithBr;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<div id="textGoesHere">
</div>
Avatar billede gryn Nybegynder
11. juni 2005 - 23:14 #28
Ok... hvis du laver tabellen således med en div omkring kan du:
<div id="tabeldiv" style="visibility:hidden;">
<table border="1" style="border-color: black;">
<tr><td>
<div id="textGoesHere"></div>
</td></tr>
</table>
</div>


så kan dit script se ud således


<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function faa(obj)
{
if (document.getElementById){return(eval("document.getElementById('"+obj+"')"));}
else if (document.all){return(eval("document.all."+obj));}
else {return(eval("document."+obj));}
}


function CK()
{
    k = event.keyCode;

if ($content.length > 0){faa('tabeldiv').style.visibility=visible;}
else {faa('tabeldiv').style.visibility=hidden;}}

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
if ($content.length>0){
parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
            $content = "";}
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (event.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (event.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (event.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content.length > 70)
        $content = $content.substr(0, 70);

    $contentWithBr = "";
    if ($content.length <= 20)
        $contentWithBr = $content;
    else
    {
        $contentWithBr = $content.substr(0, 20) + "<br>";

        if ($content.length <= 40)
            $contentWithBr += $content.substr(20);
        else
        {
            $contentWithBr += $content.substr(20, 20) + "<br>";

            if ($content.length <= 60)
                $contentWithBr += $content.substr(40);               
            else
                $contentWithBr += $content.substr(40, 20) + "<br>" + $content.substr(60);
        }
    }

    $contentWithBr = $contentWithBr.replace(/</, "&lt;");
    $contentWithBr = $contentWithBr.replace(/>/, "&gt;");

    document.getElementById('textGoesHere').innerHTML = $contentWithBr;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>
Avatar billede gryn Nybegynder
11. juni 2005 - 23:15 #29
sorry... de sidste to beskeder var skrevet imens jeg lave det sidste script... bare glem det så
Avatar billede nielle Nybegynder
11. juni 2005 - 23:20 #30
Værsgod:

<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function GtLt(indData)
{
    return indData.replace(/</, "&lt;").replace(/>/, "&gt;");
}

function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            if ($content != "")
            {
                parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
                $content = "";
            }
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (event.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (event.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (event.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content != "")
        document.getElementById('textGoesHereTable').style.visibility = "visible";
    else
        document.getElementById('textGoesHereTable').style.visibility = "hidden";
       

    if ($content.length > 70)
        $content = $content.substr(0, 70);

    $contentWithBr = "";
    if ($content.length <= 20)
        $contentWithBr = GtLt($content);
    else
    {
        $contentWithBr = GtLt($content.substr(0, 20)) + "<br>";

        if ($content.length <= 40)
            $contentWithBr += GtLt($content.substr(20));
        else
        {
            $contentWithBr += GtLt($content.substr(20, 20)) + "<br>";

            if ($content.length <= 60)
                $contentWithBr += GtLt($content.substr(40));
            else
                $contentWithBr += GtLt($content.substr(40, 20)) + "<br>" + GtLt($content.substr(60));
        }
    }

    document.getElementById('textGoesHere').innerHTML = $contentWithBr;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>

<table id="textGoesHereTable" border="1" style="border-color: black; visibility: hidden">
<tr><td>
<div id="textGoesHere"></div>
</td></tr>
</table>
Avatar billede gryn Nybegynder
11. juni 2005 - 23:25 #31
^perfekt

Fandt også ud af at mit ikke virkede :-/
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:25 #32
Præsic mange tak! ;)

Har lige et spørgsmål.
Når der kommer mere tekst i tabellen, så går den jo "Ned-af" altså tabellen bliver højere.

Kan man ikke fixe sådan den bliver længere istedet? :*
Avatar billede gryn Nybegynder
11. juni 2005 - 23:28 #33
jo.... du smider bare en tabel uden om tabellen:



<table style="height:200px;">
<tr><td valign="bottom">

<table id="textGoesHereTable" border="1" style="border-color: black; visibility: hidden">
<tr><td>
<div id="textGoesHere"></div>
</td></tr>
</table>

</td></tr>
</table>
Avatar billede gryn Nybegynder
11. juni 2005 - 23:29 #34
hov... vent. Var det ikke det du mente?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:32 #35
Lidt svært at forklare, er igang med en tagwall (EFFEKTIV) hvor de kommer i talebobler istedet for noget andet simpelt.

<table style="height:200px;">
<tr><td valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" id="textGoesHereTable" style="visibility: hidden">
<tr>
  <td height="3" width="3" background="talebobler/top-venstre.gif"></td>
  <td height="3" background="talebobler/top.gif"></td>
  <td height="3" width="5" background="talebobler/top-hojre.gif"></td>
</tr>
<tr>
  <td width="3" background="talebobler/venstre.gif"></td>
  <td bgcolor="#FFFFFF"><font color=gray font=verdana size=1><div id="textGoesHere"></div></i></font></td>
  <td width="5" background="talebobler/hojre.gif"></td>
</tr>
<tr>
  <td height="5" width="3" background="talebobler/bund-venstre.gif"></td>
  <td height="5" background="talebobler/bund.gif"></td>
  <td height="5" width="5" background="talebobler/bund-hojre.gif"></td>
</tr>
</table>
</td></tr>
</table

virker da ikke?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:34 #36
Altså du ved nok, når man har en tabel og fylder tekst i bliver den højere hvor mere der er i tabellen.

Men kan man ikke sætte en hvis højde også kun lade den gå til siden?
Avatar billede gryn Nybegynder
11. juni 2005 - 23:38 #37
jada... du skriver da bare sådan her:

<table border="1" cellpadding="0" cellspacing="0" id="textGoesHereTable" style="visibility: hidden;height:100px;">
<tr>
  <td height="3" width="3" background="talebobler/top-venstre.gif"></td>
  <td height="3" background="talebobler/top.gif"></td>
  <td height="3" width="5" background="talebobler/top-hojre.gif"></td>
</tr>
<tr>
  <td width="3" background="talebobler/venstre.gif"></td>
  <td bgcolor="#FFFFFF"><font color=gray font=verdana size=1><div id="textGoesHere"></div></i></font></td>
  <td width="5" background="talebobler/hojre.gif"></td>
</tr>
<tr>
  <td height="5" width="3" background="talebobler/bund-venstre.gif"></td>
  <td height="5" background="talebobler/bund.gif"></td>
  <td height="5" width="5" background="talebobler/bund-hojre.gif"></td>
</tr>
</table>
Avatar billede nielle Nybegynder
11. juni 2005 - 23:41 #38
Jeg bliver nødt til at smutte nu - held og lykke med de sidste bit. :^)

Lægger lige et svar med det samme.
Avatar billede gryn Nybegynder
11. juni 2005 - 23:43 #39
hejhej
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:50 #40
Yup, det er vidst det.
Kan du ikke lave sådan den IKKE laver linjebrud? OG tager "?" med, den vil nemlig ikke vise "?"
Avatar billede gryn Nybegynder
11. juni 2005 - 23:53 #41
jo... 2 sek
Avatar billede gryn Nybegynder
11. juni 2005 - 23:56 #42
<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function GtLt(indData)
{
    return indData.replace(/</, "&lt;").replace(/>/, "&gt;");
}

function CK()
{
    k = event.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            if ($content != "")
            {
                parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
                $content = "";
            }
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (event.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (event.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (event.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (event.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (event.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (event.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (event.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (event.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (event.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (event.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (event.shiftKey) ? "^" : "¨";
            break;
        case 187 :
            $content += (event.shiftKey) ? "?" : "+";
            break;
        case 188 :
            $content += (event.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (event.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (event.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (event.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (event.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (event.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (event.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (event.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (event.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (event.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (event.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content != "")
        document.getElementById('textGoesHereTable').style.visibility = "visible";
    else
        document.getElementById('textGoesHereTable').style.visibility = "hidden";
       

    if ($content.length > 70)
        $content = $content.substr(0, 70);



    document.getElementById('textGoesHere').innerHTML = $content;

    event.cancelBubble = true;
    event.keyCode = 0;
    return false;
};
d.onkeydown=CK;
</script>
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:56 #43
også kan du jo lige gøre sådan at.. når man trykker enter skal teksten blive sort, nu er den jo grå. til lige med den går til send.php?besked=blanlabla?
Avatar billede flashn00b Nybegynder
11. juni 2005 - 23:57 #44
det sidste du må gøre kan du læse ovenover, og mange mange tak for hjælpen.. har givet jer god karma pga. jeres gode hjælp.

kæft man, i er jo vilde :)
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:00 #45
problemet er..
når man tilføjer tekst, går til den højre.
kan man ikke lave noget smart og LÅSE den til at IKKE gå til højre, men derfor til venstre? :|
Avatar billede gryn Nybegynder
12. juni 2005 - 00:08 #46
ok tak:-)

Du skal bare ændre:

      case 13:
            if ($content != "")
            {
                parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
                $content = "";
            }


til:

        case 13:
            if ($content != "")
            {
        document.getElementById('textGoesHere').style.color="#000000";
//                parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
        window.location.href = 'skriv.php?besked=' + encodeURI($content);
//                $content = "";
            }


Som du kan se har jeg udkommenteret denne linje:
parent.system.document.all.js.src = 'skriv.php?besked=' + encodeURI($content);
Tænkte at du nok ikke ville have den udført længere... ellers sletter du bare de to skrå streger igen.

/gryn
Avatar billede gryn Nybegynder
12. juni 2005 - 00:11 #47
jo... 2 sek
Avatar billede gryn Nybegynder
12. juni 2005 - 00:14 #48
<table width="600">
<tr><td align="right">

<table border="1" cellpadding="0" cellspacing="0" id="textGoesHereTable" style="visibility: hidden;height:100px;">
<tr>
  <td height="3" width="3" background="talebobler/top-venstre.gif"></td>
  <td height="3" background="talebobler/top.gif"></td>
  <td height="3" width="5" background="talebobler/top-hojre.gif"></td>
</tr>
<tr>
  <td width="3" background="talebobler/venstre.gif"></td>
  <td bgcolor="#FFFFFF"><font color=gray font=verdana size=1><div id="textGoesHere"></div></i></font></td>
  <td width="5" background="talebobler/hojre.gif"></td>
</tr>
<tr>
  <td height="5" width="3" background="talebobler/bund-venstre.gif"></td>
  <td height="5" background="talebobler/bund.gif"></td>
  <td height="5" width="5" background="talebobler/bund-hojre.gif"></td>
</tr>
</table>

</td></tr>
</table>

Var det det du mente?
Avatar billede gryn Nybegynder
12. juni 2005 - 00:33 #49
er du der endnu?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:40 #50
Ja, stadig ikke sådan. se på www.netslottet.dk fx. det præsic det system jeg søger.
Login som "okiii" koden er "lollol"

skriv en lang besked på chatten og se.
Der kan du se, den går til venstre og flytter sig ikke.
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:42 #51
prøv skriv .............................. og se.
Avatar billede gryn Nybegynder
12. juni 2005 - 00:45 #52
ok... forstår nu. Kigger lige på det. et øjeblik
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:45 #53
Kan du se?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:45 #54
Ok.
Avatar billede flashn00b Nybegynder
12. juni 2005 - 00:57 #55
Du har lavet en fejl.
Når man skriver en tekst skal den blive sort, det er iorden.
Men når man så er igang med at skrive en ny tekst skal den være grå igen og slette det fra det sorte-tekst af jo.
Avatar billede gryn Nybegynder
12. juni 2005 - 01:03 #56
jeg forstår ikke helt... kan du ikke lige forklare igen (det kan godt være at jeg er lidt tung i det på den her tid af natten :-) )
Avatar billede flashn00b Nybegynder
12. juni 2005 - 01:05 #57
Altså.
Når man skriver en tekst med gråt og trykker enter bliver det sort.
men når man så skal skrive en ny besked, skal den slette alt igen og skrive med gråt.
Avatar billede gryn Nybegynder
12. juni 2005 - 01:09 #58
men den skifter jo side...
Avatar billede flashn00b Nybegynder
12. juni 2005 - 01:13 #59
Hmm..Ja, ok.. men dvs. det ikke kan lade sig gøre?

og har du fundet en løsning på det som netslottet havde?
Avatar billede gryn Nybegynder
12. juni 2005 - 01:17 #60
jo... det kan godt lade sig gøre (alt kan hvis man vil det nok!)

Netslottet. Nej - ikke endnu, men jeg har stadig nogle ideer i ærmet.

Jeg vil altså gå i seng nu, men jeg vender tilbage i morgen før eller senere. Kan ikke mere i dag.

Godnat
Avatar billede flashn00b Nybegynder
12. juni 2005 - 01:21 #61
Godnat.
Avatar billede skovenborg Nybegynder
12. juni 2005 - 02:54 #62
må jeg lige komme med en lille tilføjelse. Scriptet ser jo umiddelbart fint ud - selvom jeg ikke har læst hele denne tråd igennem, men særlig venligsindet overfor andre non-IE browsere kan den nok ikke kaldes. Nu kunne jeg ikke helt forestille mig du vil udelukke de stakkels Mozilla-brugere fx, hvor event-modellen er en smule anderledes.

En udgave, som også virker i Mozilla kunne fx se sådan ud:
<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

function GtLt(indData)
{
    return indData.replace(/</, "&lt;").replace(/>/, "&gt;");
}

function CK(e)
{
    e = (!e) ? event : e;
    k = e.keyCode;

    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            if ($content != "")
            {
                parent.system.document.getElementById('js').src = 'skriv.php?besked=' + encodeURI($content);
                $content = "";
            }
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 48 :
            $content += (e.shiftKey) ? "=" : "0";
            break;
        case 49:
            $content += (e.shiftKey) ? "!" : "1";
            break;
        case 50 :
            $content += (e.shiftKey) ? "\"" : "2";
            break;
        case 51 :
            $content += (e.shiftKey) ? "#" : "3";
            break;
        case 52 :
            $content += (e.shiftKey) ? "¤" : "4";
            break;
        case 53 :
            $content += (e.shiftKey) ? "%" : "5";
            break;
        case 54 :
            $content += (e.shiftKey) ? "&" : "6";
            break;
        case 55 :
            $content += (e.shiftKey) ? "/" : "7";
            break;
        case 56 :
            $content += (e.shiftKey) ? "(" : "8";
            break;
        case 57 :
            $content += (e.shiftKey) ? ")" : "9";
            break;
        case 58 :
            $content += (e.shiftKey) ? "(" : "8";
            break;
        case 186 :
            $content += (e.shiftKey) ? "^" : "¨";
            break;
        case 187 :
            $content += (e.shiftKey) ? "?" : "+";
            break;
        case 188 :
            $content += (e.shiftKey) ? ";" : ",";
            break;
        case 189 :
            $content += (e.shiftKey) ? "_" : "-";
            break;
        case 190 :
            $content += (e.shiftKey) ? ":" : ".";
            break;
        case 191 :
            $content += (e.shiftKey) ? "*" : "'";
            break;
        case 192 :
            $content += (e.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 219 :
            $content += (e.shiftKey) ? "`" : "´";
            break;
        case 220 :
            $content += (e.shiftKey) ? "§" : "½";
            break;
        case 221 :
            $content += (e.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (e.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        case 226 :
            $content += (e.shiftKey) ? ">" : "<";
            break;
        default:
            $content += (e.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }

    if ($content != "")
        document.getElementById('textGoesHereTable').style.visibility = "visible";
    else
        document.getElementById('textGoesHereTable').style.visibility = "hidden";
     

    if ($content.length > 70)
        $content = $content.substr(0, 70);



    document.getElementById('textGoesHere').innerHTML = $content;

    e.cancelBubble = true;
    if (e.preventDefault) {
        e.preventDefault();
    }
    else {
        e.keyCode = 0;
    }
    return false;
};
d.onkeydown=CK;
</script>

De eneste forskelle er, at event-variablen, som bruges hyppigt i de andre udgaver I lavede, ikke kan bruges på samme måde i Mozilla. Her bliver event-objektet til gengæld smidt ind som første argument, som vi så kan hente i variablen e.
Med: e = (!e) ? event : e; sørger vi for at både IE og Mozilla gladeligt får fat i et event-objekt de kan lege videre med. Hver gang der så står event i scriptet skal det nu rettes til e istedet.

De sidste linier er også ændret lidt:
if (e.preventDefault) {
        e.preventDefault();
    }
    else {
        e.keyCode = 0;
    }
Da keyCode ikke er skrivbar i Mozilla vil det give nogle dumme javascript-fejl. Til gengæld har den preventDefault-funktionen, som næsten gør det samme (du kan ikke forhindre brugeren i at gøre nær så meget i Mozilla - og godt det samme). I hvert fald slipper Mozilla for en dum fejlmeddelse og begge browsere er for så vidt glade igen.

Nåja, og så er document.all jo også et IE-påfund - så den bør man holde sig fra.
Avatar billede roenving Novice
12. juni 2005 - 03:14 #63
Hvad betyder

            $content += (e.shiftKey ^ CapsLock) ? "Å" : "å";

?-)
Avatar billede skovenborg Nybegynder
12. juni 2005 - 03:26 #64
Argh, kunne ikke nære mig. Jeg måtte se om man ikke kunne korte koden en smule ned, og fandt et nogenlunde ordentligt resultat. Igen kan det være der er lidt mangler, da jeg ikke har læst hele postet 100% igennem endnu ;-)

<script type="text/javascript">
var d = document, k, CapsLock = false;
$content = "";

var sChars = {"k48":["=","0"],
    "k49":["!","1"],
    "k50":["\"","2"],
    "k51":["#","3"],
    "k52":["¤","4"],
    "k53":["%","5"],
    "k54":["&","6"],
    "k55":["/","7"],
    "k56":["(","8"],
    "k57":[")","9"],
    "k58":["(","8"],
    "k186":["^","¨"],
    "k187":["?","+"],
    "k188":[";",","],
    "k189":["_","-"],
    "k190":[":","."],
    "k191":["*","'"],
    "k219":["`","´"],
    "k220":["§","½"],
    "k226":[">","<"]
}

function GtLt(indData)
{
    return indData.replace(/</, "&lt;").replace(/>/, "&gt;");
}

function CK(e)
{
    e = (!e) ? event : e;
    k = e.keyCode;
    if (sChars["k"+k]) {
        $content += (e.shiftKey) ? sChars["k"+k][0] :  sChars["k"+k][1];
    }
    else {
    switch (k)
    {
        case 8:
            if ($content.length > 0)
                $content = $content.substr(0, $content.length-1);
            break;
        case 13:
            if ($content != "")
            {
                parent.system.document.getElementById('js').src = 'skriv.php?besked=' + encodeURI($content);
                $content = "";
            }
            break;
        case 16:
            return false
            break;
        case 20:
            CapsLock = !CapsLock;
            break;
        case 192 :
            $content += (e.shiftKey ^ CapsLock) ? "Æ" : "æ";
            break;
        case 221 :
            $content += (e.shiftKey ^ CapsLock) ? "Å" : "å";
            break;
        case 222 :
            $content += (e.shiftKey ^ CapsLock) ? "Ø" : "ø";
            break;
        default:
            $content += (e.shiftKey ^ CapsLock) ? String.fromCharCode(k) : String.fromCharCode(k).toLowerCase();
    }
    }

    if ($content != "")
        document.getElementById('textGoesHereTable').style.visibility = "visible";
    else
        document.getElementById('textGoesHereTable').style.visibility = "hidden";
     

    if ($content.length > 70)
        $content = $content.substr(0, 70);



    document.getElementById('textGoesHere').innerHTML = $content;

    e.cancelBubble = true;
    if (e.preventDefault) {
        e.preventDefault();
    }
    else {
        e.keyCode = 0;
    }
    return false;
};
d.onkeydown=CK;
</script>

Altså var min teori, at istedet for hunderdevis af "cases", så kunne man jo lave et objekt med de forskellige keycoder, som repræsenterede de forskellige specialtegn. Måske kan det gøres endnu lettere...hvem ved.
Avatar billede skovenborg Nybegynder
12. juni 2005 - 03:29 #65
roenving >> Bitwise XOR er faktisk ret smart i dette tilfælde, da hvis både shift og Caps Lock er trykket ned returneres jo false (og skriften bliver lille).
Avatar billede nielle Nybegynder
12. juni 2005 - 10:14 #66
skovenborg> Nice work :^)

roenving> Jep, det er en XOR den der. Ikke så tit at man brugere dem. Rent faktisk er der en logisk fejl i scriptet som jeg ikke aner hvordan man kan løse; Det registreres kun hvornår der *trykkes* på CabsLock – ikke om den er ”oppe” eller ”nede”. Hvis nogen har CabsLock nede før at de starter browseren, vil scriptet opføre sig som om at der er byttet om på store og små bogstaver.
Avatar billede gryn Nybegynder
12. juni 2005 - 12:24 #67
nielle -> har også godt lagt mærke til det, men det er jo en fejl, der er til at leve med.

Godt klaret :-)
Avatar billede flashn00b Nybegynder
12. juni 2005 - 13:02 #68
GOdmorgen.
Skovenborg - Dit script siger "Et objekt er obligatorisk!"
Avatar billede flashn00b Nybegynder
12. juni 2005 - 13:49 #69
AH, min fejl! Tak.
Men kan i fixe det andet problem, det med tabellen går til højre, hvor den skal gå til venstre istedet?
Avatar billede skovenborg Nybegynder
12. juni 2005 - 14:15 #70
Mener du den måde tabellen bliver større på? For så går den da til venstre? Eller har jeg misforstået hvad du mener!?!
Avatar billede flashn00b Nybegynder
12. juni 2005 - 14:17 #71
Når der kommer meget tekst i en tabel, så fyldes den jo og går længere ned-af.
Kan man ikke låse det til et punkt også lade den gå op-af istedet?

Ved det lyder skørt, men?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 14:17 #72
Se på www.netslottet.dk fx. det præsic det system jeg søger.
Login som "okiii" koden er "lollol"

skriv en lang besked på chatten og se, eller bare skriv ..............................
Der kan du se, den går til venstre og flytter sig ikke.
Avatar billede skovenborg Nybegynder
12. juni 2005 - 15:03 #73
Okay, men opstår det problem i det her script? Her kan du jo ikke skrive mere end 70 tegn. Så er det ikke det sted hvor alle de skrevne beskeder bliver lagt hen?

Kunne ikke lige få øje på hvad du mente med at bruge netslottet. Hvad er det lige her der skulle rykke til venstre? Er det taleboblen eller selve besked-vinduet?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 15:07 #74
Prøv fx. skrive "sdkjad asd lkasdlk l l kls dasdl kksd "
så bliver den LÅST ved munden, og går KUN opad.

mit problem er den går nedaf.

Noget der kan fixes?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 15:10 #75
Se, når der ikke er så meget tekst i:
http://www.upitfree.dk/upload/files/1.PNG

men det går galdt når der er mere i:
http://www.upitfree.dk/upload/files/2.PNG
Avatar billede flashn00b Nybegynder
12. juni 2005 - 15:11 #76
- Den skal jo gå opad ;) Hvis du forstår?
Avatar billede skovenborg Nybegynder
12. juni 2005 - 15:33 #77
jo, nu kan jeg se hvad du mener... selvom det er svært at sige hvordan du skal rette det, da vi jo ikke kender selve koden i din chat. Du har vel ikke mulighed for at lægge et midlertidigt link til det du har lavet indtil videre? Ellers ville det være meget rart at vide om den talebobbel du laver er en tabel eller noget andet :-)
Avatar billede flashn00b Nybegynder
12. juni 2005 - 15:40 #78
<div id='talk' class='bubble' name='talk' style='POSITION: absolute; overflow:hidden;  top: -60; left: -110; width: 120; text-align:right; right:-15; bottom:-40; z-index: 9999999999; '>
<table width="0">
<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0" id="textGoesHereTable" style="visibility: hidden;height:20px;">
<tr>
<td height="3" width="3" background="talebobler/top-venstre.gif"></td>
<td height="3" background="talebobler/top.gif"></td>
<td height="3" width="5" background="talebobler/top-hojre.gif"></td></tr>
<tr><td width="3" background="talebobler/venstre.gif"></td>

<td bgcolor="#FFFFFF"><font color=gray font=verdana size=1>
<div id="textGoesHere"></div></i></font></td>

<td width="5" background="talebobler/hojre.gif"></td></tr>

<tr><td height="5" width="3" background="talebobler/bund-venstre.gif"></td>

<td height="5" background="talebobler/bund.gif"></td><td height="5" width="5" background="talebobler/bund-hojre.gif"></td></tr></table></td></tr></table></div>
Avatar billede flashn00b Nybegynder
12. juni 2005 - 16:06 #79
Det er mit script.
Den ligger i mellem en anden <div som kaldes you, det er altså din bruger.
Dvs. taleboblen rykker med når brugeren rykker.

Alle de -15 fx. er kordinatet til taleboblens rigtige position, men når den kommer mere tekst i "ødelægger" den det og får taleboblen til at gå længere ned.
Avatar billede gryn Nybegynder
12. juni 2005 - 16:48 #80
Hvis du har en stor nok tabel omkring din talebobbel, som kaster den ned i højre hjørne, så vil du bedre kunne styre den. eks.:

<!----------evt. en div til at styre boblen-----------/>

<table border="0" style="width:500px;height:200px;">
<tr><td align="right" valign="bottom">

<!----------din bobbel-----------/>


</td></tr>
</table>

<!----------evt. en div til at styre boblen-slut------/>
Avatar billede flashn00b Nybegynder
12. juni 2005 - 16:51 #81
Kan du sætte det ind for mig? Så er du en skat *s* :D
Avatar billede flashn00b Nybegynder
12. juni 2005 - 17:13 #82
<div id='talk' class='bubble' name='talk' style='POSITION: absolute; overflow:hidden;  top: -60; left: -110; width: 120; text-align:right; right:-15; bottom:-40; z-index: 9999999999; '>

<table border="0" style="width:500px;height:200px;">
<tr><td align="right" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" id="textGoesHereTable" style="visibility: hidden;height:20px;">
<tr>
<td height="3" width="3" background="talebobler/top-venstre.gif"></td>
<td height="3" background="talebobler/top.gif"></td>
<td height="3" width="5" background="talebobler/top-hojre.gif"></td>
</tr>
<tr>
<td width="3" background="talebobler/venstre.gif"></td>
<td bgcolor="#FFFFFF"><font color=gray font=verdana size=1><div id="textGoesHere"></div></i></font></td>

<td width="5" background="talebobler/hojre.gif"></td></tr>

<tr><td height="5" width="3" background="talebobler/bund-venstre.gif"></td>
<td height="5" background="talebobler/bund.gif"></td>
<td height="5" width="5" background="talebobler/bund-hojre.gif">
</td></tr></table></td></tr></table></div>


Vil jo ikke virke, når man så prøver at skrive en besked så skal man først skrive over 50 tegn, også vises den helt nede i bunden, dvs. den ikke virker :(
Avatar billede flashn00b Nybegynder
12. juni 2005 - 19:42 #83
Er  i dér =)?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 20:04 #84
Har fixet. Mange tak for jeres hjælp.
Kan sige Eksperten er en god side.!
Avatar billede skovenborg Nybegynder
12. juni 2005 - 20:41 #85
Det lyder godt. Kunne du beskrive hvad du gjorde (hvis andre skulle løbe ind i samme problem)?
Avatar billede flashn00b Nybegynder
12. juni 2005 - 22:00 #86
Satte top højre op og lavede dit eksempel.. Du skal næsten have point.
Tjek mit spørgsmål og få dine point.

Du hjalp mig jo godt.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester