[PIE/JS] <td onclick c'est impossible?

Pagina: 1
Acties:

  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
Ben bezig met een leuk tabelletje in een pagina speciaal voor pocket Internet Explorer
nu wou ik mogelijk maken door op een cell te klikken naar een andere pagina te gaan.

Heb inmiddels bizar veel dingen geprobeerd maar tot nu toe in PIE geen succes (andere browsers wel)

oa
<td onclick="location.href='somewhere.php';"> geen succes
<td onclick="document.location.href='somewhere.php';"> geen succes
<td onclick="wndow.location.href='somewhere.php';"> geen succes
<td onclick="gotoUrl('somewhere.php');"> geen succes

iemand een nuttig idee?

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • glashio
  • Registratie: Oktober 2001
  • Laatst online: 15-02 10:35

glashio

C64 > AMIGA > PC

Welke versie gebruik je ?
• Windows CE 2002
• Windows CE 2003 (second)
• Windows Mobile 5
HTML:
1
2
3
<td>
    <a href="javascript:location.href='somewhere.php';">I Love My PocketPC</a>
</td>

Dit misschien ?

> Google Certified Searcher
> Make users so committed to Google that it would be painful to leave
> C64 Gospel
> [SjoQ] = SjoQing


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 15-02 01:50

RM-rf

1 2 3 4 5 7 6 8 9

een 'click' kan eigenlijk (officiel) enkel op een image dat een link-handeling kent, een A of dus een BUTTON (en INPUT type="image" en INPUT type="submit" e.d.)...

ik zou het gewoon proberen met onmousedown (of evt. onmouseup als je werkelijk de click wilt simuleren die wordt eerder onmouseup uitgevoerd meestal naar ik meen).
Als het goed is functioneert dat beter.

Vanuit de semantiek gezien kun je je altijd afvragen of gewoon netjes ook werkelijk een <A HREF=""> te gebruiken niet veel netter is, ook om eventueel de comptabiliteit met non-javascript UA's te kunnen blijven garanderen.
zeker als het gaat om een klik die je naar een volgende pagina brengt is dat gewoon de beste manier... met CSS kun je altijd ervoor zorgen dat de A tag ook gewoon de hele ruimte van een TD vult.

[ Voor 40% gewijzigd door RM-rf op 20-07-2006 10:15 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
glashio schreef op donderdag 20 juli 2006 @ 10:13:
Welke versie gebruik je ?
• Windows CE 2002
• Windows CE 2003 (second)
• Windows Mobile 5
HTML:
1
2
3
<td>
    <a href="javascript:location.href='somewhere.php';">I Love My PocketPC</a>
</td>

Dit misschien ?
ik test nu met wm5 emulator.
die text link is er al maar in dit geval gaat het om een dayview van een agenda en wil ook graag het hele blokje (afspraak) klikbaar maken.

[ Voor 43% gewijzigd door cybermans op 20-07-2006 10:36 ]

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Ik heb nooit wat met mobile browsers gedaan maar kun je niet met CSS (als je dat al hebt ;)) oplossen door die A een display:block te geven?

Nu met Land Rover Series 3 en Defender 90


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
RM-rf schreef op donderdag 20 juli 2006 @ 10:13:
met CSS kun je altijd ervoor zorgen dat de A tag ook gewoon de hele ruimte van een TD vult.
width pakt pie goed. maar height gaat wel goed in FF en fout in PIE. GR)($)#(*$#$)*#)$*

HTML:
1
<td rowspan="2" id="0" width="60" class="appointment"><a href="langadres"><div style="width: 60px; height: 50px; background-color: red; text-align: center; vertical-align: middle;">test2</div></a></td>

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

FF snel in elkaar geklust geen idee of het gaat werken maar dat moet je zelf maar even proberen ;)
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html>
<head>
    <title>test</title>
    <style type="text/css">
        table {
            width:700px;
            border-collapse:collapse;
        }
        thead td {
            font-weight:bold;
            text-align:center;
        }
        tbody td {
            width:100px;
            height:40px;
            border:solid 1px black;
            background:#CCCCCC;
        }
        tbody td a {
            display:block;
            margin:0;
            padding:0;
            text-align:center;
            width:100%;
            height:100%;
        }
        tbody td a:hover {
            background:#FF0000;
        }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <td>Mon</td>
                <td>Tue</td>
                <td>Wed</td>
                <td>Thu</td>
                <td>Fri</td>
                <td>Sat</td>
                <td>Sun</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
                <td><a href="#">filler</a></td>
            </tr>
        </tbody>
    </table>
</body>
</html>

Nu met Land Rover Series 3 en Defender 90


  • djexplo
  • Registratie: Oktober 2000
  • Laatst online: 21-12-2025
MTWZZ is goed bezig :) ...

'if it looks like a duck, walks like a duck and quacks like a duck it's probably a duck'


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Si <2 minuten though :D

Nu met Land Rover Series 3 en Defender 90


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
@MTWZZ: helaas blijft pie kut doen met die height dus thanks for the effort maar het mocht niet baten.

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Waarom wil je middels klikken op een tabel cel een pagina openen? :?
Je kan toch gewoon een hyperlink maken binnen de cel, dan weet je zeker dat het (overal) werkt...

[ Voor 17% gewijzigd door CH4OS op 20-07-2006 11:44 ]


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Als je in de html kijkt zie je dat dat exact de bedoeling is.

@cybermans:
Welke emulator gebruik je? Ik wil dit nl wel even testen.

Nu met Land Rover Series 3 en Defender 90


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 15-02 01:50

RM-rf

1 2 3 4 5 7 6 8 9

cybermans schreef op donderdag 20 juli 2006 @ 11:37:
@MTWZZ: helaas blijft pie kut doen met die height dus thanks for the effort maar het mocht niet baten.
als je heifght definieert voor de TD kan dat problemen geven, tables zijn er nu juist op gebouwd om hun height te ontvangen van de TR of table zelf, en ik vermoed dat een height definieren voor een TD problemen geeft...

mogelijk kan het zin hebben om de height gewoon enkel in de A te definieren, of enkel in de TR (tables en visuele layout kan veel problemen geven, die dingen zijn niet zo handig bij 'styling' ook door de manier waarop ze gerenderd worden: het beste lijkt me ok de grootte te laten vormen door de maten van elementen binnen de tabel.

eventueel zou het ook kunnen helpen om de TD een 'psotion: relatiev; te geven, dat wl nog wel eens een 'wondertrucje' zijn

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
RM-rf schreef op donderdag 20 juli 2006 @ 13:08:
[...]


als je heifght definieert voor de TD kan dat problemen geven, tables zijn er nu juist op gebouwd om hun height te ontvangen van de TR of table zelf, en ik vermoed dat een height definieren voor een TD problemen geeft...

mogelijk kan het zin hebben om de height gewoon enkel in de A te definieren, of enkel in de TR (tables en visuele layout kan veel problemen geven, die dingen zijn niet zo handig bij 'styling' ook door de manier waarop ze gerenderd worden: het beste lijkt me ok de grootte te laten vormen door de maten van elementen binnen de tabel.

eventueel zou het ook kunnen helpen om de TD een 'psotion: relatiev; te geven, dat wl nog wel eens een 'wondertrucje' zijn
<tr> kan niet aangezien er op die regel nog meer dingen staan
height had ik al in de A gedaan zonder succes
position is niet aanwezig in wm2005

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • Vinzzz243
  • Registratie: Februari 2001
  • Laatst online: 22-01-2025
redelijk offtopic, maar vond geen manier om je te bereiken. Heb je in je ontwikkeling voor PIE misschien wat handige sites voor me? Wellicht heb jij dr al een paar verzameld. Kunt me mailen op vinzzz[a t ]vinzzz.nl

[ Voor 4% gewijzigd door Vinzzz243 op 20-07-2006 20:30 ]


  • LionOne
  • Registratie: April 2002
  • Laatst online: 22-12-2025

LionOne

There can be only one

Hoe komisch, ik loop zojuist tegen exact dit probleem aan.

Was bezig om de afbeeldingen zo veel mogelijk in de css te plaatsen alleen leek dat bij de opening image niet te gaan omdat deze als link fungeert.
Dat heb ik opgelost door de afbeelding als achtergrond te gebruiken voor een table en die tabel BINNEN de <a> </a> te zetten waardoor nu de hele tabel dus als link fungeert.

[ Voor 10% gewijzigd door LionOne op 20-07-2006 23:36 ]

"The answer to the Great Question Of Life the Universe and Everything... is Forty-two."


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Hm, ik heb dit even getest met de WM5 pocket pc emulator en ik zie hier gewoon een werkend ding:
Afbeeldingslocatie: http://www.barad-dur.nl/~sauron/ppc-test-1.png
met de volgende css:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
table {
            width:700px;
            border-collapse:collapse;
        }
        thead td {
            font-weight:bold;
            text-align:center;
        }
        tbody td {
            border:solid 1px black;
        }
        tbody td a {
            display:block;
            text-align:center;
            width:100%;
            height:100%;
            background:red;
        }


Nou is er alleen een probleem als je die A hoger wil maken, dat snapt PIE blijkbaar niet. Ik heb het geprobeerd met een height van 200px maar hij blijft even groot :X

Nu met Land Rover Series 3 en Defender 90


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
dat was dus ook mijn bedoeling aangezien sommige appointment langer zijn dan anderen :D

voorbeeldje:
Afbeeldingslocatie: http://www.linuxcompat.info/images/dayview.jpg

[ Voor 31% gewijzigd door cybermans op 21-07-2006 12:02 ]

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Whoei! Ik heb iets gevonden, werkt met buttons ipv A's Je moet helaas dan wel via JS de location handmatig doen maar het werkt als een tierelier:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>test</title>
    <style type="text/css">
        table {
            width:700px;
            border-collapse:collapse;
        }
        thead td {
            font-weight:bold;
            text-align:center;
        }
        tbody td {
            border:solid 1px black;
            vertical-align:top;
        }
        tbody td input {
            width:100%;
            background:red;
            border:none;
            margin:none;
            padding:none;
        }
    </style>
    <script type="text/javascript">
        function change(o){
            o.style.backgroundColor = 'green';
            return false;
        }
    </script>
</head>
<body>
    <table>
        <thead>
            <tr>
                <td>Mon</td>
                <td>Tue</td>
                <td>Wed</td>
                <td>Thu</td>
                <td>Fri</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="button" style="height:20px" value="filler" onclick="change(this)" /></td>
                <td><input type="button" style="height:30px" value="filler" onclick="change(this)" /></td>
                <td><input type="button" value="filler" onclick="change(this)" /></td>
                <td><input type="button" style="height:40px" value="filler" onclick="change(this)" /></td>
                <td><input type="button" style="height:30px" value="filler" onclick="change(this)" /></td>
            </tr>
        </tbody>
    </table>
</body>
</html>

Geeft als resultaat:
Afbeeldingslocatie: http://www.barad-dur.nl/~sauron/ppc-test-2.png
Als je op 1 van die knoppen drukt wordt ie groen :P

Nu met Land Rover Series 3 en Defender 90


  • cybermans
  • Registratie: Maart 2001
  • Laatst online: 10-02 10:09
ben nu maar met je buttons mee gegaan.
Alleen wil dat k*t pie als ik ze op 180px zet ze geen 180px breedmaken.
oh wat is het toch fijn
om aan het developen voor pie te zijn

Strava | Runkeeper | Endomondo (mijn leikr uploads)


  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

Da's wel vreemd want als ik hier de button een width van 180px geef gaat het gewoon goed.

Nu met Land Rover Series 3 en Defender 90

Pagina: 1