Landkaartje met plaatssterretjes - Softwareontwikkeling

maandag 23 februari 2004 16:14

Acties:

Verwijderd

Topicstarter

Ik heb de volgende asp site.

<head>
<title>Halteschouw Lijn X</title>
</head>

<body alink="#000000" vlink="#000000" link="#000000" topmargin="0" leftmargin="0" bottommargin="0">
[img]"afbeeldingen/Kaart%20Arnhem-Apeldoorn.jpg"[/img]
<%

response.write "<style type='text/css'>" & vbCrLf
response.write "img.achtergrond" & vbCrLf
response.write "{" & vbCrLf
response.write "position:absolute;" & vbCrLf
response.write "left:11px;" & vbCrLf
response.write "top:6px;" & vbCrLf
response.write "z-index:0" & vbCrLf
response.write "}" & vbCrLf
response.write "</style>" & vbCrLf

Dim Connection 'Als ADODB.Connection
Set Connection = Server.CreateObject("ADODB.Connection")
Connection.ConnectionString = _
"Provider=Microsoft.Jet.OLEDB.4.0;DATA SOURCE=" & Server.MapPath("database\database.mdb") & ";"
Connection.Open

Dim rs'Als ADODB.Recordset
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open "Select distinct * from halte order by Z", Connection
rs.movefirst

While NOT rs.EOF

response.write "<style type='text/css'>" & vbCrLf
response.write "img." & rs("Z") &"" & vbCrLf
response.write "{" & vbCrLf
response.write "position:absolute;" & vbCrLf
response.write "left:"& rs("X") &"px;" & vbCrLf
response.write "top:"& rs("Y") &"px;" & vbCrLf
response.write "z-index:"& rs("Z") &";" & vbCrLf
response.write "}" & vbCrLf
response.write "</style>" & vbCrLf
response.write "<a href=""halteschouw.asp"">
[img]""afbeeldingen/sterretje.gif""[/img]</a>" & vbCrLf
rs.MoveNext
WEnd
rs.Close
Connection.Close
set rs = nothing
set Connection = nothing
%>
</body>
</html>

Ik kan op een of andere manier niet alle sterretjes op de juiste plek in beeld krijgen. Ik heb een recorset met 33 records

de recordset ziet er als volgt uit.

X Y Z
1 1 1
21 21 2
41 41 3
61 61 4
81 81 5
101 101 6
121 121 7
141 141 8
161 161 9
181 181 10
201 201 11
221 221 12
241 241 13
261 261 14
281 281 15
301 301 16
321 321 17
341 341 18
361 361 19
381 381 20
401 401 21
421 421 22
441 441 23
461 461 24
481 481 25
501 501 26
521 521 27
541 541 28
561 561 29
581 581 30
601 601 31
621 621 32
641 641 33

tot en met record 31 gaat het goed.
daarna de overige 2 sterretje worden linksboven in de browser geplaatst.

Wie weet hoe dit kan, en belangrijker nog, wie weet hoe je dit kunt voorkomen.
Ik daag jullie uit.

Groet Wouter.

maandag 23 februari 2004 16:19

Acties:

BtM909

Watch out Guys...

Nee, dit is lekker duidelijk

Wellicht handig om het volgende te lezen of in acht te nemen:
• [rml][ W&G FAQ] W&G Policy & Beleid[/rml]
• Algemene regels hoe je op het forum te gedragen (Netiquette) #reageren
• Plaats relevante code tussen [plain]

code:

[/] tags

Vervolgens ipv de hele rats hier neer te zetten, even wat relevante (geparst is handig

) code en een link naar een werkend (of niet) stukje web plaatsen.

_{Als ik nu naar je code kijk, dan zie ik sterretjes}

[ Voor 11% gewijzigd door BtM909 op 23-02-2004 16:20 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 23 februari 2004 16:20

Acties:

Rac-On

zet in ieder geval je code in [ code] tages (volgens mij kan [ asp] ook wel).

Verder, zou het kunnen dat de coordinaten niet binnen het scherm passen? Controleer dat eens.

En bekijk je code om te zien of de locatie wel goed uit je script komt.

doet niet aan icons, usertitels of signatures

maandag 23 februari 2004 16:25

Acties:

Verwijderd

Topicstarter

ik kan het wel geparsed in dit venster plaatsen, maar ik heb het idee dat het dan alleen onduidelijker wordt.

enfin:

code:

<head>
<title>Halteschouw Lijn X</title>
</head>

    <body alink="#000000" vlink="#000000" link="#000000" topmargin="0" leftmargin="0" bottommargin="0">
    [img]"afbeeldingen/Kaart%20Arnhem-Apeldoorn.jpg"[/img]
    <style type='text/css'>
img.achtergrond
{
position:absolute;
left:11px;
top:6px;
z-index:-100000
}
</style>
<style type='text/css'>
img.1
{
position:absolute;
left:1px;
top:1px;
z-index:1;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.2
{
position:absolute;
left:21px;
top:21px;
z-index:2;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.3
{
position:absolute;
left:41px;
top:41px;
z-index:3;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.4
{
position:absolute;
left:61px;
top:61px;
z-index:4;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.5
{
position:absolute;
left:81px;
top:81px;
z-index:5;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.6
{
position:absolute;
left:101px;
top:101px;
z-index:6;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.7
{
position:absolute;
left:121px;
top:121px;
z-index:7;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.8
{
position:absolute;
left:141px;
top:141px;
z-index:8;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.9
{
position:absolute;
left:161px;
top:161px;
z-index:9;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.10
{
position:absolute;
left:181px;
top:181px;
z-index:10;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.11
{
position:absolute;
left:201px;
top:201px;
z-index:11;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.12
{
position:absolute;
left:221px;
top:221px;
z-index:12;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.13
{
position:absolute;
left:241px;
top:241px;
z-index:13;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.14
{
position:absolute;
left:261px;
top:261px;
z-index:14;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.15
{
position:absolute;
left:281px;
top:281px;
z-index:15;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.16
{
position:absolute;
left:301px;
top:301px;
z-index:16;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.17
{
position:absolute;
left:321px;
top:321px;
z-index:17;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.18
{
position:absolute;
left:341px;
top:341px;
z-index:18;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.19
{
position:absolute;
left:361px;
top:361px;
z-index:19;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.20
{
position:absolute;
left:381px;
top:381px;
z-index:20;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.21
{
position:absolute;
left:401px;
top:401px;
z-index:21;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.22
{
position:absolute;
left:421px;
top:421px;
z-index:22;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.23
{
position:absolute;
left:441px;
top:441px;
z-index:23;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.24
{
position:absolute;
left:461px;
top:461px;
z-index:24;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.25
{
position:absolute;
left:481px;
top:481px;
z-index:25;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.26
{
position:absolute;
left:501px;
top:501px;
z-index:26;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.27
{
position:absolute;
left:521px;
top:521px;
z-index:27;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.28
{
position:absolute;
left:541px;
top:541px;
z-index:28;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.29
{
position:absolute;
left:561px;
top:561px;
z-index:29;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.30
{
position:absolute;
left:581px;
top:581px;
z-index:30;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.31
{
position:absolute;
left:601px;
top:601px;
z-index:31;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.32
{
position:absolute;
left:621px;
top:621px;
z-index:32;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>
<style type='text/css'>
img.33
{
position:absolute;
left:641px;
top:641px;
z-index:33;
}
</style>
<a href="halteschouw.asp">[img]"afbeeldingen/sterretje.gif"[/img]</a>

    </body>
    </html>

Ik hoop dat jullie hier wel wat mee kunnen.

By the way, ik denk dat de sterretjes wel in beeld passen. Het kaartje is 780 breed en zo 1300 pix lang.

Groet Wouter

maandag 23 februari 2004 16:28

Acties:

sig69

Waarom sluit je je <style> telkens en maak je weer een nieuwe?

[ Voor 5% gewijzigd door sig69 op 23-02-2004 16:28 ]

Roomba E5 te koop

maandag 23 februari 2004 16:32

Acties:

Verwijderd

Topicstarter

Kan ik op een andere manier die link creeren? Ik dacht dat dat niet tussen de style tags kon, toch?

maandag 23 februari 2004 16:37

Acties:

Verwijderd

STYLE elementen horen in het HEAD element te zetten, niet in het BODY element. Misschien wat tijd besteden aan je HTML (en CSS) kennis? ( http://htmldog.com/ )

maandag 23 februari 2004 16:46

Acties:

Verwijderd

Topicstarter

hallo Anne,

Ik plaats een berichtje om verder te komen. Niet om gedissed te worden door je.

Kijk eens in het eerste bericht dat ik geplaatst heb.

Hoe kan ik met die loop een gedeelte in de head plaatsen, en een gedeelte in de body? (zonder dat de head en body tags steeds herhaald worden).

Nogmaals, ik ben hier niet om bijdehand te doen, verwacht hetzelfde van andere gebruikers.

Groet Wouter

maandag 23 februari 2004 16:52

Acties:

Verwijderd

Ik plaats een berichtje om verder te komen.

De link was niet voldoende neem ik aan?

Niet om gedissed te worden door je.

Het is een forum, die dingen moet je niet persoonlijk gaan opvatten imo.

Hoe kan ik met die loop een gedeelte in de head plaatsen, en een gedeelte in de body? (zonder dat de head en body tags steeds herhaald worden).

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl">
<head>
 <title>bla</title>
 <style type="text/css">
  /* alle stijldingen hier, alle! */
 </style>
</head>
<body>
 <!-- inhoud hier -->
</body>
</html>

maandag 23 februari 2004 17:02

Acties:

Verwijderd

Topicstarter

Heeft iemand (bv. Anne) een idee waarom het volgende niet werkt?

code:

<head>
<title>Halteschouw Lijn X</title>

<style type='text/css'> 
img.achtergrond
{
position:absolute;
left:11px;
top:6px;
z-index:0;
}
img.1
{
position:absolute;
left:1px;
top:1px;
z-index:1;
}

etcetera ...

</style>
</head>



    
<body alink="#000000" vlink="#000000" link="#000000" topmargin="0" leftmargin="0" bottommargin="0">
    <img src="afbeeldingen/Kaart%20Arnhem-Apeldoorn.jpg" class="achtergrond" width="780" height="1323">
    

    <a href="halteschouw.asp"><img src="afbeeldingen/sterretje.gif" class="1" border="0" alt="1"></a>
etcetera
</body>
</html>

[ Voor 87% gewijzigd door drm op 23-02-2004 17:11 ]

maandag 23 februari 2004 17:05

Acties:

BtM909

Watch out Guys...

Welke browser test je dit

Bij mij (IE61) ziet het er goed uit.

_{Alhoewel het volgens mij wel een stuk simpeler kan}

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 23 februari 2004 17:09

Acties:

Guillome

test

Ik vind het nogal raar en grof dat je Anne zo brutaal afwempelt. Hij helpt je, en jij post op zo`n onmogelijke manier zo`n enorme lap info, terwijl je zelf weinig van HTML weet.
Hij raadt je daarom terecht aan om een de basis even door te lezen.
Het is meestal de bedoeling dat je een stukje post waar de fout in zit. Niet in een complete pagina van bijna 300 regels. Bijna niemand die dat helemaal gaat doorlezen.

En volgens mij moet je classname ook met een letter beginnen, en niet alleen met een getal.

[ Voor 11% gewijzigd door Guillome op 23-02-2004 17:11 ]

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

maandag 23 februari 2004 17:14

Acties:

Verwijderd

Topicstarter

BtM909, Hoe zou jij dit probleem aanpakken?

Ik wil wel graag de coordinaten uit een mdb-bestandje laten komen, zodat er later eenvoudig selecties plaats kunnen vinden.

Groet Wouter

maandag 23 februari 2004 17:16

Acties:

drm

f0pc0dert

Ik stel voor dat je nou eerst eens even duidelijk maakt wat er nou niet werkt. Je bent zo vaag als wat. Post eens een screenshotje en neem eens de tijd je probleem duidelijk te maken ipv. te ranten op andere bezoekers en te wachten tot iemand je de oplossing komt vertellen. Dit werkt echt voor geen meter zo.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

maandag 23 februari 2004 17:52

Acties:

XangadiX

trepanatie is zóó kinderachtig

ik vind ook dat je wat HTML en CSS moet gaan leren hoor W.T. en dat is geen flamebyte dat is een aanwijzing, je vragen zijn makkelijk te vinden in google of op webmonkey; zorg eerst dat je je front end strak hebt, dan kunnen we daarna doorgaan naar het ASP wat niet werkt (althans dat begrijp ik eruit) en een linkje en of screenshotje is ook handig.

De discussie over style is niet je vraag (toch?)

Stoer; Marduq

maandag 23 februari 2004 19:36

Acties:

Johnny

ondergewaardeerde internetguru

Je kan iedere afbeelding dezelfde bij dezelfde class {} laten horen waar je position: absolute in zet, hetzelfd egeldt voor het border attribuut.

In plaats van iedere keer die <style> tag neerzetten kun je veel beter het style="" attribuut gebruiken bij iedere afbeelding.

z-index heb je ook niet meer nodig als je er voor zorgt dat alle afbeeldingen al in de juiste volgorde in je code staan.

Anyway, hier staat een voorbeeldje van wat ik denk dat jij wilt, maar dan een klein beetje anders.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.