Notifikationer

Markér alle som læst Log ud

dkkarpen Nybegynder

11. juli 2002 - 14:21 Der er 18 kommentarer og
1 løsning

Skift text alignment i tabel onclick

Jeg har en tabel der hedder PTabel.

Ved klik på et image har jeg prøvet med:

onclick="document.getElementById('PTabel').style.text-align=right"

Men det virker ikke rigtigt. Hvad gør?

Synes godt om

mini-me Nybegynder

11. juli 2002 - 14:22 #1

document.all["ptabel"].style.text-align=right"

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:25 #2

Nope

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:29 #3

prøv at fjerne din bindestreg....

textAlign='right'

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:30 #4

Nope

Synes godt om

mr.meincke Nybegynder

11. juli 2002 - 14:30 #5

prøv:
<html>
<head>
<title>Exp.dk > 234601</title>
<script language="JavaScript">
function ChangeAlign(tdid,what) {
document.all[tdid].style.align=what;
}
</script>
</head>

<body>

<table border="0" align="center" cellpadding="0" cellspacing="0" width="750">
<tr>
<td align="center" id="td01">Dette er en test...Testing 1.2.3 :D</td>
</tr>
</table>

<img src="./billede01.jpg" border="0" onclick="ChangeAlign('td01','right');">

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:30 #6

Og så svar da :)

onclick="document.getElementById('PTabel').style.textAlign='right'"

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:31 #7

dkkarpen - JO!

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:34 #8

nikolajdu>>Det virker altså ikke hos mig. Har du selv testet det?

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:34 #9

Jeg har testet det og det virker fint. Hvor har du sat din id="PTabel" ind henne af... Og nubruger du vel ikke name, når du spørger med getElementById altså ID.

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:35 #10

<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td id="PTabel" onclick="document.getElementById('PTabel').style.textAlign='right'">asdasd</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:37 #11

Måske kan det slet ikke lade sig gøre. Jeg spurgte jo om på tabel niveau. Ikke på celle niveau.

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:38 #12

Jeg har sat id="PTabel" i mit table tag.

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:38 #13

Tvivler på det kan lade sig gøre for hele tabellen uden at gennemløbe samtlige TD´er...

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:41 #14

Men det virker fint at sætte style="text-align:right" i et table tag.

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:50 #15

Hvis det er alle TD der skal skifte, så kan du gøre sådan her :

<html>
<head>
<title>Untitled</title>
<script>

function skiftDu(){
tddu = document.getElementsByTagName("td");
alert("no. of tables: " +tddu.length);
for (var i = 0; i < tddu.length; i++) {
tddu[i].style.textAlign='right'
}
}

</script>
</head>

<body>
<table cellspacing="2" cellpadding="2" border="0" id="PTabel">
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

<img src="hejdu.jpg" nclick="skiftDu()"">

</body>
</html>

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:56 #16

Jeg vil ikke skifte på alle tabeller på siden. Kun den relevante.

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 14:56 #17

Så er den her : Tabel shifting Ultra - Nu med forbedret alignment...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script>

function skiftDu(){
tddu = document.getElementById('PTabel').getElementsByTagName('td');
for (var i = 0; i < tddu.length; i++) {
tddu[i].style.textAlign='right'
}
}

</script>
</head>

<body>
<table cellspacing="2" cellpadding="2" border="0" id="PTabel">
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
<table cellspacing="2" cellpadding="2" border="0" id="test">
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

<img src="hejdu.jpg" onclick="skiftDu()">

</body>
</html>

/Nikolaj

Synes godt om

dkkarpen Nybegynder

11. juli 2002 - 14:59 #18

Der var den jo. Perfekt!

Synes godt om

nikolajdu Nybegynder

11. juli 2002 - 15:13 #19

:))

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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