Notifikationer

Markér alle som læst Log ud

rickypriv Nybegynder

09. maj 2004 - 13:26 Der er 22 kommentarer og
1 løsning

Vertical Javamenu inden for tabel

Hej.

Jeg sidder og bakser med at få en java-menu til at virke inden for en tabel.
Men alle dem jeg kan finde på nettet , lægger sig ikke i tabellen , men på en bestemt placering på hele siden via dimentioner (x,y), og det er ikke det jeg er ude efter , eftersom siden er opbygget til at lægge sig centralt uanset skærmopløsning.

Jeg har også rodet med at få en søgefunktion til at virke , men det kræver at siderne er kodet i ASP , hvilket gør at javamenuerne jeg tester ikke virker ..
Så java-scriptet må gerne virke på ASP sider også :)

Synes godt om

roenving Novice

09. maj 2004 - 13:31 #1

Sæt position:relative;top:0px;left:0px; på de(t) omkransende element, så vil en absolut positionering holde sig i forhold til det !-)

Synes godt om

olebole Juniormester

09. maj 2004 - 14:40 #2

<ole>

Du kan evt. prøve at finde en menu i JavaScript ... så vil du ikke have problemer med ASP. Det burde du vel egentlig heller ikke have med en menu i Java - men jeg må jo tro dig, når du siger det :)

/mvh
</bole>

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 14:57 #3

roenving :

Den forstod jeg ikke helt.
Kan du ikke komme med et link til det script , som også beskriver hvordan det skal implementeres , og hvor ?

Jeg har nemlig efterhånden rodet med en lang række , der alle sammen giver det samme resultat - menuen ligger på en bestemt placering , efter pixelmål - og ikke inden for den tabel-ramme jeg ønsker.

Synes godt om

roenving Novice

09. maj 2004 - 15:08 #4

Se det her, hvor den orange ligger absolut i forhold til vinduet, mens den røde ligger i forhold til den td, den ligger inde i:

<table>
<tr>
<td>Noget ingenting
<img src="" width="800" height="1"></td>
</tr>
<tr>
<td>Noget ingenting</td>
</tr>
<tr>
<td>Noget ingenting</td>
</tr>
<tr>
<td style="position:relative;top:0px;left:0px;background:yellow;">
<div style="position:absolute;top:10px;left:300px;width:100px;height:100px;background:red;">I en absolut div i en relativ td</div>
Den relative td</td>
</tr>
<tr>
<td>Noget ingenting</td>
</tr>
<tr>
<td>Noget ingenting</td>
</tr>
<tr>
<td>Noget ingenting</td>
</tr>
<tr>
<td style="background:yellow;">
<div style="position:absolute;top:10px;left:300px;width:100px;height:100px;background:orange;">I en absolut div i td uden position</div>
Td uden position</td>
</tr>
</table>

-- så det du gør, er at sætte menu-koden ind i den tabelcelle, den skal ligge i forhold til !-)

Synes godt om

olebole Juniormester

09. maj 2004 - 15:08 #5

<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="position:relative">
// Din kode her
// NB: Positioner din kode 'absolute'
</td>
</tr>
</table>

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:06 #6

Jeg har følgende kode:

I HEAD:

<script type="text/javascript" src="browser.js">
</script>
<script type="text/javascript" src="config.js"></script>

mit BODY tag ser således ud:

<body onload="init()">

Men det åbner jo bare java-koden på hele siden - jeg har også testet med andre , der kørte med noget STYLE POSITION som i ovenfor beskriver , men det ligger sig også på et bestemt pixel opdelt placering , og ikke inden for mit TABLE.

Synes godt om

roenving Novice

09. maj 2004 - 17:11 #7

Der er en hel masse, hvor du skriver en konkret kode lige efter body-tagget, dem kan du i stedet placere inde i en tabelcelle, som har position:relative; ...

Hvis du kigger på mit eksempel, kan du tydeligt se forskellen, hvis du ændrer på billedet bredde, så det samme vil en kode skrevet inde i en celle gøre !-)

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:19 #8

Jeg er stadig ikke helt med ..

Ved at skrive <td style"position:relative;.. > som er forskellen på de to kan jeg få min java-menu til at blive inden for det TD, istedet for at placere sig et helt andet sted på hele hjemmesiden ?

Jeg prøver lige om jeg kan bygge noget brugbart kode op , som jeg kan lægge ud.
Så kan vi tage den derfra. :)

Synes godt om

roenving Novice

09. maj 2004 - 17:23 #9

Hvis javascript-kaldet til en menubygning placeres inde i en positioneret celle, ja !-)

Eksempelvis:

<td style="position:relative;">
<script type="text/javascript">buildmenu()</script>
</td>

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:27 #10

http://www.ricky.aab-net.dk/java_menu.htm

Som i kan se - ligger menuen over hele mit TABLE , men i dette eks. har jeg heller ikke mulighed for at definere andet end menuens fystiske placering med et pixel-koordinat.

Synes godt om

roenving Novice

09. maj 2004 - 17:36 #11

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<script type="text/javascript" src="config.js"></script>

<title>Java menu</title>
</head>

<body onload="init()">

<p> </p>
<p> </p>

<table border="1" width="100%" id="table1">
<tr>
<td width="8%"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td width="8%" height="257"> </td>
<td height="257" width="50%"> </td>

<td style="position:relative;height:257px;width:40%">
<script type="text/javascript" src="includes/browser.js"></script>
Her ønsker jeg eks. Java-menuen</td>
</tr>
<tr>
<td width="8%"> </td>
<td colspan="2"> </td>
</tr>
</table>

</body>

</html>

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:38 #12

hmm .. prøvede at smide følgende ind i mit Table :

<tr>
<td style="position:relative;" width="8%" height="257"><script type="text/javascript">init()</script></td>
</tr>

istedet for en <body onload="init()">

Men det giver bare en fejlbesked.

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:41 #13

stadig samme resultat .. koden i config.js ser således ud :

function init()
{
menus[0] = new menu(125, "vertical", 10, 10, -1, -1, "white", "black", "MS Sans Serif", 9, "bold", "bold", "black", "white", 2, "black", 2, "v", false, true, true, false, 0, true, 5, 5, "gray");
menus[0].addItem("#", "NEWWIN", 100, "center", "Home", 0);
menus[0].addItem("#", 100, "center", "Products", 1);
menus[0].addItem("#", 100, "center", "Services", 2);
menus[0].addItem("#", 100, "center", "Contact Us", 0);
menus[0].addItem("#", 100, "center", "Links", 0);
}

hvor de 2 første tal efter "vertical" er menuens placering. 10,10

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 17:42 #14

Men hvis i kender et andet sted jeg kan hente og designe min menu , som fungere med den kode i har vist ovenfor , er jeg da helt klar på at skifte over til den. :)

Synes godt om

roenving Novice

09. maj 2004 - 17:49 #15

Ja, jeg kan se, at lige den menu direkte appender et objekt til body, så du skal finde en anden menu, som arbejder på en anden måde, for at få den til at lægge sig inden i cellen !-)

-- du kunne jo starte med at kigge på coolmenus, som bruges her på sitet:

http://www.dhtmlcentral.com/projects/coolmenus/

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 18:27 #16

hmm .. jeg prøver lige at rode lidt med det jeg kan finde derinde..
Det ser ud til at ved at definere et billede som baggrund , kan jeg lægge menuen efter det.

Synes godt om

rickypriv Nybegynder

09. maj 2004 - 18:54 #17

Efter at have rodet en del med den , synes jeg godt nok at den er kryptisk at modificere.
Jeg kan godt få menuen frem i det table jeg ønsker, men at ændre størrelse , opsætning og farve , er meget svært.

Synes godt om

rickypriv Nybegynder

26. maj 2004 - 17:18 #18

Jeg fandt en der fungerede , og som var enkel at bruge , og som fungerer upåklageligt i en tabelrude :

http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_51.html

kan i ikke lige smide nogen svar så jeg kan fordele point for jeres flid. :)

Synes godt om

roenving Novice

26. maj 2004 - 17:30 #19

Oki, og velbekomme '-)

Synes godt om

rickypriv Nybegynder

27. maj 2004 - 17:37 #20

hmm .. jeg ville gerne at olebole også lagde et svar.

Synes godt om

olebole Juniormester

27. maj 2004 - 22:39 #21

rickypriv >> Det er pænt af dig, men jeg synes, det må være roenvings points. Tak, for tanken ;o)
/mvh

Synes godt om

rickypriv Nybegynder

28. maj 2004 - 07:59 #22

Iorden med mig.
Tak for jeres hjælp og tid.

Synes godt om

roenving Novice

28. maj 2004 - 12:32 #23

-- og jeg takker for point ;~}

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

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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