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

HALLO?

Skal det være en div? kan det ikke bare være et textarea, som du styler lidt?

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>

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>

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>

nielle - Perfekt, kan du så lave sådan den automatisk laver linjebrud efter 20 bogstaver og der kan max stå 70 i boksen? ;)

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!

.. og man skal kunne skrive:
!"#¤%&/()=?,;-_.:'*¨^´`+<>

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

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 ?

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>

... ret case'n sådan her:

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

hvad med æøå?

og den viser da stadig diven, selvom der ikke er noget i.

æ, ø 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>

> og den viser da stadig diven, selvom der ikke er noget i.

Øh? er det da et problem?

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 ;)

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".

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...

jeg er heller ikke med her

gryn> Den svipsede. :^)

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

Altså... tabellen skal ikke være der før man begynder at skrive?

Ja.

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>

Nej mener jeg =)

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>

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>

sorry... de sidste to beskeder var skrevet imens jeg lave det sidste script... bare glem det så

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>

^perfekt

Fandt også ud af at mit ikke virkede :-/

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? :*

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>

hov... vent. Var det ikke det du mente?

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?

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?

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>

Jeg bliver nødt til at smutte nu - held og lykke med de sidste bit. :^)

Lægger lige et svar med det samme.

hejhej

Yup, det er vidst det.
Kan du ikke lave sådan den IKKE laver linjebrud? OG tager "?" med, den vil nemlig ikke vise "?"

jo... 2 sek

<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>

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?

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 :)

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? :|

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

jo... 2 sek

<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?

er du der endnu?

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.

prøv skriv .............................. og se.

ok... forstår nu. Kigger lige på det. et øjeblik

Kan du se?

Ok.

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.

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 :-) )

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.

men den skifter jo side...

Hmm..Ja, ok.. men dvs. det ikke kan lade sig gøre?

og har du fundet en løsning på det som netslottet havde?

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

Godnat.

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.

Hvad betyder

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

?-)

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.

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).

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.

nielle -> har også godt lagt mærke til det, men det er jo en fejl, der er til at leve med.

Godt klaret :-)

GOdmorgen.
Skovenborg - Dit script siger "Et objekt er obligatorisk!"

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?

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!?!

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?

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.

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?

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?

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

- Den skal jo gå opad ;) Hvis du forstår?

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 :-)

<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>

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.

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------/>

Kan du sætte det ind for mig? Så er du en skat *s* :D

<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 :(

Er  i dér =)?

Har fixet. Mange tak for jeres hjælp.
Kan sige Eksperten er en god side.!

Det lyder godt. Kunne du beskrive hvad du gjorde (hvis andre skulle løbe ind i samme problem)?

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.