Toon posts:

[feat] (Klikbare) labels in Image Upload popup

Pagina: 1
Acties:
  • 474 views

zondag 12 juni 2011 15:37

  • Reinier
  • Registratie: Februari 2000
  • Laatst online: 22:47

Reinier

\o/

Topicstarter
Elke keer als ik een afbeelding via het fotoalbum (en dus via http://tweakers.net/my.tnet/fotoalbum?action=popup) wil toevoegen zit ik op de tekst naast de thumbnails te klikken (full size, thumbnail, etc.). Dan gebeurt er dus niks :)
Ik zou het persoonlijk prachtig vinden als de tekst van de drie opties in labels gezet worden, zodat ze (in de meeste browsers) klikbaar worden.

Daar zou ik nou blij van worden :*)

maandag 13 juni 2011 15:00

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 22-05 18:43

Wiethoofd

+1 En als de code van de popup toch geopend wordt misschien ook de medium thumb als optie er tussen zetten?

Wiethoofds meuk en 'overige'

maandag 13 juni 2011 15:35

  • Reinier
  • Registratie: Februari 2000
  • Laatst online: 22:47

Reinier

\o/

Topicstarter
En de full-size optie als default instelling :)

maandag 13 juni 2011 15:41

  • alex3305
  • Registratie: Januari 2004
  • Laatst online: 30-05 14:46

alex3305

Nja, daar is al eerder over gesproken, maar van mij mogen thumbs wel wat groter zijn dan 100x100 pixels. Dat is bijna onwerkbaar op het forum namelijk...

maandag 13 juni 2011 15:49

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 22-05 18:43

Wiethoofd

alex3305, er is al een 'medium-size' thumbnail hoor (234x176px)

Wiethoofds meuk en 'overige'

maandag 13 juni 2011 22:20

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 23:59

crisp

Devver

Pixelated

Persoonlijk denk ik dat die hele upload-interface wel eens op de schop mag. Volgens mij is de mogelijkheid om zelf een map te kiezen al eens aangevraagd, en popups zijn wel heel erg 20e eeuw...

Intentionally left blank

woensdag 15 juni 2011 19:08

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Volgens mij is er al genoeg over de fotoalbumuploader gesproken in 't verleden :P

Dus crisp wanneer gaat 't op de schop? :+ :*

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.

donderdag 16 juni 2011 12:14

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 02:59

F.West98

Alweer 14 jaar hier

als jullie toch bezig zijn slinger ik mijn oeroude feat weer eens naar boven:
Ik had dus het idee om als je via "Voeg afbeelding toe via het fotoalbum" een foto post met thumbnail in de post dan je eigen kleine versie te kiezen die je al had upgeload.

Nu krijg je bij de thumbnail een soort 100x100 plaatje. Erg klein, en vooral voor de testcase's. Ik upload altijd de kleine (450x600) en grote versie, en moet dan met de hand [url=..... enz invoeren.
Een plaatje bijgevoegd, en met de optie om ook een nieuwe foto als kleine toe te voegen.


...
...
...
...
en als ik het dus met het 'map' gebeuren wordt het zo:
Ook handig bij CiP's e.d.

toch bezig, dan ook de code dan maar (met map-functie, en bestand-functie, met verbergen/showen en label):
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <html> 
        <head> 
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
             <title>Image upload</title> 
            <base href="http://tweakers.net/ext/"> 
            <link rel="stylesheet" href="http://tweakimg.net/x/layout.css" type="text/css">
             <link rel="stylesheet" href="http://tweakimg.net/x/popup.css" type="text/css">
             <script type="text/javascript"> 
                try 
                { 
                    document.domain = 'tweakers.net'; 
                } 
                catch(e){}; 
            </script> 
            <script type="text/javascript"> 
                function radio_check() { 
                    if (document.getElementById('value4').checked) { 
                        document.getElementById('full').style.display = "none"; 
                        document.getElementById('thumb').style.display = "block";
                     } 
                    else if (document.getElementById('value5').checked) { 
                        document.getElementById('thumb').style.display = "none";
                         document.getElementById('full').style.display = "block";
                     } 
                    else { 
                        document.getElementById('full').style.display = "none"; 
                        document.getElementById('thumb').style.display = "none";
                     } 
                } 
            </script> 
        </head> 
        <body> 
        <div id="logo"><span>Tweakers.net</span></div> 
            <div id="popbody"> 
            <form name="formulier" method=post action="/my.tnet/fotoalbum.dsp?action=popupload" enctype="multipart/form-data">
                 <table width=415 border=0 cellpadding=2 cellspacing=0> 
                    <tr> 
                        <td class=b8><b>Locatie</b></td> 
                        <td><input type="file" name="afbeelding" size=35></td> 
                    </tr> 
                    <tr> 
                        <td class=b8><b>Titel</b></td> 
                        <td><input type="text" name="titel" size=35></td> 
                    </tr> 
                    <tr> 
                        <td class=b8><b>Map</b></td> 
                        <td><select name="map" style="width: 245px;"> 
                            <option value="Forum" selected="selected">Forum</option>
                             <option value="Map1">Map 1</option> 
                            <option value="Map2">Map 2</option> 
                            <option value="enz">Enz...</option></select></td> 
                    </tr> 
                    <tr> 
                        <td>&nbsp;</td> 
                        <td class=b8> 
                            <input type="radio" name="formaat" value=1 onclick="radio_check()" id="value1"><label for="value1">Afbeelding full-size in bericht</label><br>
                             <input type="radio" name="formaat" value=2 onclick="radio_check()" id="value2"><label for="value2">Afbeelding als thumbnail</label><br>
                             <input type="radio" name="formaat" value=3 checked onclick="radio_check()" id="value3"><label for="value3">Afbeelding als thumbnail met link naar full</label><br>
                             <input type="radio" name="formaat" value=4 onclick="radio_check()" id="value4"><label for="value4">Afbeelding als URL, thumbnail als zichtbare pic</label><br>
                             <input type="radio" name="formaat" value=5 onclick="radio_check()" id="value5"><label for="value5">Afbeelding als thumbnail met link naar volgende full</label></td>
                     </tr> 
                    <tr id="full" style="display: none;"> 
                        <td class=b8><b>Full</b></td> 
                        <td><select name="fullpic" style="width: 245px;"> 
                            <option value="pic1" selected="selected">Afbeelding 1</option>
                             <option value="pic2">Afbeelding 2</option> 
                            <option value="pic3">Afbeelding 3</option> 
                            <option value="enz">Enz...</option></select></td> 
                    </tr> 
                    <tr id="thumb" style="display: none;"> 
                        <td class=b8><b>Thumb</b></td> 
                        <td><select name="thumb" style="width: 245px;"> 
                            <option value="pic1" selected="selected">Afbeelding 1</option>
                             <option value="pic2">Afbeelding 2</option> 
                            <option value="pic3">Afbeelding 3</option> 
                            <option value="enz">Enz...</option></select></td> 
                    </tr> 
                    <tr> 
                        <td>&nbsp;</td> 
                        <td><input type=submit value="Slinger deze maar online!"></td>
                     </tr> 
                    <tr> 
                        <td>&nbsp;</td> 
                        <td class=b8>De afbeelding wordt geupload naar je fotoalbum en zal in de door jou gekozen map geplaatst worden, de standaard map is de map 'Forum'. Zodra de afbeelding is geupload wordt de code naar je clipboard gekopieerd en zal dit venster gesloten worden.</td>
                     </tr> 
                </table> 
            </form> 
            </div> 
    </body> 
</html>

ik moet leren kortere js-functies te schrijven

maar verder: die popup bestaat uit tabellen! die popup is web 1.0, dat moet beter :)

[Voor 92% gewijzigd door F.West98 op 16-06-2011 13:09]

2x Dell UP2716D | R9 7950X | 128GB RAM | 980 Pro 2TB x2 | RTX2070 Super
.oisyn: Windows is net zo slecht in commandline als Linux in GUI

donderdag 14 juli 2011 20:30

  • F.West98
  • Registratie: Juni 2009
  • Laatst online: 02:59

F.West98

Alweer 14 jaar hier

nieuw idee:
als het niet op je clipboard kan worden gekopieerd ook die tekst in thema doen en niet met times new roman zonder opmaak :)
pic:

2x Dell UP2716D | R9 7950X | 128GB RAM | 980 Pro 2TB x2 | RTX2070 Super
.oisyn: Windows is net zo slecht in commandline als Linux in GUI

donderdag 14 juli 2011 22:55

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 23:59

crisp

Devver

Pixelated

Fotoalbum verbeteringen staan al op de agenda - alleen weten we nog niet wanneer precies ;)

Intentionally left blank

Pagina: 1

Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee