CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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.

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 16:40 #1

HALLO?

Synes godt om

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?

Synes godt om

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>

Synes godt om

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>

Synes godt om

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>

Synes godt om

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

Synes godt om

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!

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 19:27 #8

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

Synes godt om

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

Synes godt om

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 ?

Synes godt om

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(/</, "<");
$contentWithBr = $contentWithBr.replace(/>/, ">");

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

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

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

Synes godt om

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;

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 22:41 #13

hvad med æøå?

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 22:44 #14

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

Synes godt om

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(/</, "<");
$contentWithBr = $contentWithBr.replace(/>/, ">");

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

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

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

Synes godt om

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?

Synes godt om

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

Synes godt om

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

Synes godt om

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

Synes godt om

gryn Nybegynder

11. juni 2005 - 22:58 #20

jeg er heller ikke med her

Synes godt om

nielle Nybegynder

11. juni 2005 - 22:58 #21

gryn> Den svipsede. :^)

Synes godt om

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

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:06 #23

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

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 23:06 #24

Ja.

Synes godt om

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>

Synes godt om

flashn00b Nybegynder

11. juni 2005 - 23:07 #26

Nej mener jeg =)

Synes godt om

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(/</, "<").replace(/>/, ">");
else
{
$contentWithBr += $content.substr(20, 20).replace(/</, "<").replace(/>/, ">") + "<br>";

if ($content.length <= 60)
$contentWithBr += $content.substr(40).replace(/</, "<").replace(/>/, ">");
else
$contentWithBr += $content.substr(40, 20).replace(/</, "<").replace(/>/, ">") + "<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>

Synes godt om

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(/</, "<");
$contentWithBr = $contentWithBr.replace(/>/, ">");

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

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

Synes godt om

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å

Synes godt om

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(/</, "<").replace(/>/, ">");
}

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>

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:25 #31

^perfekt

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

Synes godt om

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

Synes godt om

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>

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:29 #34

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

Synes godt om

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?

Synes godt om

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?

Synes godt om

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>

Synes godt om

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.

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:43 #39

hejhej

Synes godt om

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

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:53 #41

jo... 2 sek

Synes godt om

gryn Nybegynder

11. juni 2005 - 23:56 #42

Synes godt om

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?

Synes godt om

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

Synes godt om

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

Synes godt om

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

Synes godt om

gryn Nybegynder

12. juni 2005 - 00:11 #47

jo... 2 sek

Synes godt om

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?

Synes godt om

gryn Nybegynder

12. juni 2005 - 00:33 #49

er du der endnu?

Synes godt om

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.

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 00:42 #51

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

Synes godt om

gryn Nybegynder

12. juni 2005 - 00:45 #52

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 00:45 #53

Kan du se?

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 00:45 #54

Ok.

Synes godt om

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.

Synes godt om

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

Synes godt om

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.

Synes godt om

gryn Nybegynder

12. juni 2005 - 01:09 #58

men den skifter jo side...

Synes godt om

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?

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 01:21 #61

Godnat.

Synes godt om

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(/</, "<").replace(/>/, ">");
}

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.

Synes godt om

roenving Novice

12. juni 2005 - 03:14 #63

Hvad betyder

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

?-)

Synes godt om

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(/</, "<").replace(/>/, ">");
}

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.

Synes godt om

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

Synes godt om

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.

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 13:02 #68

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

Synes godt om

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?

Synes godt om

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

Synes godt om

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?

Synes godt om

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.

Synes godt om

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?

Synes godt om

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?

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 15:11 #76

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

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 15:40 #78

Synes godt om

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.

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 16:51 #81

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

Synes godt om

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

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 19:42 #83

Er i dér =)?

Synes godt om

flashn00b Nybegynder

12. juni 2005 - 20:04 #84

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

Synes godt om

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

Synes godt om

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.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Beregning af sum via PHP og SQL Af dane022 i JavaScript	3	10/02/202421:38	12/02/202409:41
Kode der tjekker telefonnummer i formular Af Asky i JavaScript	2	27/12/202321:42	28/12/202314:41
Nogle af mine formularer i PHP er plaget af spam Af Asky i JavaScript	12	19/12/202313:31	10/01/202411:04
Vis data fra en anden fil i en div Af EveryMA i JavaScript	2	19/10/202307:02	20/10/202307:02
js til asp backend Af keepy i JavaScript	1	11/10/202310:28	11/10/202313:46

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS