Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Las laatst wel iets over REM's, dat is wel handiger. Een EM is namelijk afhankelijk van de fontsize van het huidige element en niet van de base fontsize.
Op http://filmdepartment.nl/v2/ staat bovenaan dus een slider, netzoals bij het origineel: http://templatesden.com/TF/WPCMS/apogee/. Standaard kan je daar in scrollen met de muis, dan schuiven de 3 slides door. Dat heb ik uitgezet door de 1 bij factor en scroll op 0 te zetten :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?php var aux = { // navigates left / right navigate : function( dir, $el, $wrapper, opts, cache ) { var scroll = opts.scroll, factor = 1, idxClicked = 0; if( cache.expanded ) { scroll = 1; // scroll is always 1 in full mode factor = 3; // the width of the expanded item will be 3 times bigger than 1 collapsed item idxClicked = cache.idxClicked; // the index of the clicked item } ?> |
Als ik dat uitzet en dan ga scrollen terwijl de muis over dat gedeelte hangt, dan wordt de schaduw in de eerste slide steeds dikker. Het gebeurt in Opera, Chrome en IE, niet in Firefox. Firefox negeert dat stukje en scrollt gewoon de hele pagina.
Hetzelfde gebeurt in een schone install op m'n localhost. Op het moment dat ik de 1tjes naar 0tjes verander, wordt de schaduw bij de eerste slide dikker en dikker hoe meer je het scrollwieltje draait.
Waar kan dat aan liggen? Wordt die slide telkens boven op een andere gekopieerd? Zit die hele scroll misschien zo in elkaar:
[1] [2] [3]
Na 1x scrollen wordt het zo:
[2] [3] [1]
En dan zit misschien [1] [2] [3] er nog steeds onder, maar die wordt dan tegelijkertijd verwijderd, om zo de illusie te wekken dat het een scroll is? Zo ja, dan worden ze dus niet verwijderd na een scrollevent.
of lul ik nu slap?
Want dan zou er ook een schaduw op de andere 2 zitten.Had even met de replacefunctie alle 1tjes naar 0tjes veranderd in het hele document, en dan gaat het uit ja. Dus maar even kijken welke van de 17 uit moeten
je kan niet maar overal 1tjes in nulletjes gaan veranderen, dat is niet echt best practice.
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
[ Bericht 48% gewijzigd door Mirel op 11-04-2012 12:42:08 ]
http://www.quora.com/What(...)CSS-Javascript-gamesquote:Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
En nee, dat is niet 'voor beginners'. ImpactJS is een redelijk bekende, maar voor iemand die net met JS aan de gang is raad ik af gelijk een game te gaan maken.
[ Bericht 6% gewijzigd door #ANONIEM op 11-04-2012 12:47:40 ]
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.quote:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.quote:
[..]
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.quote:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaanquote:Op woensdag 11 april 2012 12:59 schreef stefanhaan het volgende:
[..]
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.
[..]
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.
HTML5 word juist de vervanging van flash. Flash is oud en word steeds meer ouderwets. Als je al kijkt naar wat er kan met HTML5 is het wel overduidelijk dat dit flash gaat vervangen.quote:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
Kijk hier bijvoorbeeld maar.quote:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
http://html5games.com/
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.quote:Op woensdag 11 april 2012 13:04 schreef Catch22- het volgende:
leraren leven altijd minimaal 6 jaar in het verleden he
Ik weet wat er kanquote:
[..]
Kijk hier bijvoorbeeld maar.
http://html5games.com/
Ik vind het alleen niet boeiend genoeg om er een heel onderzoek naar te verrichten 
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.quote:
[..]
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.
Juist hij moet concluderen dat flash dood is. 
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.quote:
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen.
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?quote:
[..]
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.
quote:Op woensdag 11 april 2012 13:16 schreef Scorpie het volgende:
[..]
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.
Ik word gewoon verkeerd opgeleid.Nee apps voor android worden in native java gemaakt als ik me niet vergis.quote:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
[..]
Nee, Java over het algemeen.quote:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
Dat had ik allang door...quote:
Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.
De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens
Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery Herkenbaar. Heerlijk toch, lekker met CSS3, HTML5 en jQuery stoeien?quote:Op woensdag 11 april 2012 13:34 schreef Tijn het volgende:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.
Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.
De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens
Klopt maar je wil niet weten hoeveel mensen niks met jQuery of CSS3 kunnen.quote:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.
Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.
De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens
http://www.sencha.com/products/touch
HTML5 cross OS app making
Gratis commerciële license
Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!quote:
Tevens is dit ook wel vet
http://www.sencha.com/products/touch
HTML5 cross OS app making
Gratis commerciële license
Ik jat niks?quote:
[..]
Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!
Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.quote:
Verder is Sencha gewoon baas. Eindbaas. Baas der Bazen. Roflpwned jQuery in het aarschje.
[ Bericht 7% gewijzigd door #ANONIEM op 11-04-2012 13:55:41 ]
De Touch wel. Lees de licentie maar.quote:Op woensdag 11 april 2012 13:55 schreef Scorpie het volgende:
[..]
Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.
Alleen de Webversie niet
Niet als je een Touch app voor in de App store maakt.quote:
[..]
De Touch wel. Lees de licentie maar.
Alleen de Webversie niet
Mijne komt ook niet in de storequote:
[..]
Niet als je een Touch app voor in de App store maakt.
Bedrijfs app.Oke, dan is het goed. En de desktop versie is idd betaald.quote:
[..]
Mijne komt ook niet in de store
De mobiele heb ik nergens gelezen dat zodra app store dat je ook moet dokken. Maar zou me niks verbazen neequote:
[..]
Oke, dan is het goed. En de desktop versie is idd betaald.
Tevens dit:quote:
[..]
Oke, dan is het goed. En de desktop versie is idd betaald.
quote:Commercial Software License (Embedded Devices)
This is the appropriate option if you want to use Sencha Touch to build applications targeting embedded devices. This option is free for distribution of less than 5,000 units annually. If you plan to exceed this amount of devices, Embedded device licenses are available that can be customized for your needs. You may create unlimited numbers of applications with NO per seat or per user payments.
framework om apps mee te maken.quote:
sensa touch een website-framework of om native apps mee te maken zoals phonegap?
Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website manquote:
gewoon websites dus, maak ik dan liever zelf zitten voor mij te veel nadelen aan zulke frameworks. Voordeel is dat het sneller ontwikkelt maar ik hou liever zelf de controle.
Maar hybride/webapps zijn natuurlijk wel gaaf
ik heb diverse buttons
| 1 2 3 | <button onclick="toggleByClass('1');">bla1</button> <button onclick="toggleByClass('2');">bla2</button> <button onclick="toggleByClass('3');">bla3</button> |
nu verdwijnt met de click op de button de bijbehorende class
| 1 2 3 | function toggleByClass(className) { $("."+className).toggle("slow"); } |
maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
zijn gewoon websites met een lelijk app-laagje. flapdrolquote:
[..]
Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website man
De CSS de ik nu heb staan is:
| 1 2 3 4 5 | img.topicoptions { float: left; margin-top: 3px; padding: 0px 1px; } |
Hoe los ik dit op?
| 1 2 3 4 | .pagesholder > div { left: -***px; top: ***px; } |
[ Bericht 0% gewijzigd door KomtTijd... op 14-04-2012 23:49:56 ]
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)quote:
[ code verwijderd ]
beetje schuiven tot het goed staat
Hoe is je css nu dan?quote:Op zondag 15 april 2012 00:08 schreef DrNick het volgende:
[..]
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
http://i.fokzine.net/templates/forum2009/usercss/5/332405.cssquote:
weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?
Ik zie hier: http://www.galasoft.ch/myjavascript/CExplorer/index.html
dat het kan met behulp van javascript maar dit werkt alleen in IE zo te lezen. Is er een algemeen werkende versie waar ik ook kan kiezen waar ik het bestand opsla? als ik de naam of richting weet kan ik het uitzoeken
[ Bericht 16% gewijzigd door killfrenzy op 15-04-2012 13:05:48 ]
Lekkere chaos.quote:
[..]
http://i.fokzine.net/templates/forum2009/usercss/5/332405.css
Verder is dit niet echt handig:
| 1 2 3 | .pagesholder > div { margin-right: 8px !important; } |
| 1 2 3 4 | .pagesholder > div { top: 20px !important; left: 120px; } |
Dat doet niets, ik blijf die barriere houden.quote:
[..]
Lekkere chaos.
Verder is dit niet echt handig:
[ code verwijderd ]
Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
[ code verwijderd ]
Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.quote:
Top lukt me wel, maar links/rechts verschuiven niet.
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:quote:
weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?
notitie_opslaan.php:
| 1 2 3 4 5 6 7 8 9 | <?php if($_SERVER['REQUEST_METHOD'] == 'POST') { header('Content-Type: text/plain'); header('Content-Length: '.strlen($_POST['notitie'])); header('Content-Disposition: attachment;filename="notitie.txt"'); die($_POST['notitie']); } ?> |
Ik ga er vanuit dat je HTML er ongeveer zo uitziet:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <title>Notitie opslaan</title> </head> <body> <form method="post" action="notitie_opslaan.php"> <fieldset> <legend>Notitie opslaan</legend> <textarea name="notitie"></textarea> </fieldset> <button type="submit">opslaan</button> </form> </body> </html> |
Jeps, !important deed het. Bedanktquote:
[..]
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
Wat is daarmee?quote:
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop isquote:
Joh, als je tegen de CSS van FOK! aan zit te werken...quote:
[..]
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is
Gelukkig is het niet mijn cssquote:
[..]
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is
Top, werkt uitstekend!quote:
[..]
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:
notitie_opslaan.php:
[ code verwijderd ]
Ik ga er vanuit dat je HTML er ongeveer zo uitziet:
[ code verwijderd ]
Ik ben momenteel bezig met een ander functie. Namelijk dat de tekst in een vakje bij "Save Note" opgeslagen wordt in een server zonder dat de pagina herlaad en dat een ingelogde (Google) gebruiker bij een volgend bezoek deze gelijk weer ziet.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function showNotesBox() { $this->tag = "<div id='notes'>"; $this->tag .= "<h2 id='title'>Notities</h2>"; $this->tag .= "<form action='' method='post'>"; $this->tag .= "<textarea rows='20' cols='50'></textarea><br />"; if (isset($SESSION['status'])) { $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' value='Save note ' /></a>"; $this->tag .= "<a href='index.php?page=share'><input id='postnote' class='button' type='button' value='Share with' /></a>"; $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' value='Help the community!' /></a>"; } else { $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' disabled='disabled' value='Save note' /></a>"; $this->tag .= "<a href='index.php?page=share'><input id='savenote' class='button' type='button' disabled='disabled' value='Share with' /></a>"; $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' disabled='disabled' value='Help the community!' /></a>"; } |
Dat zou ik dus met AJAX moeten doen maar heb nog geen idee hoe. Ik heb alvast ids meegegeven aan de buttons.
| 1 2 3 4 5 6 | $.ajax({ url: "test.html", context: document.body }).done(function() { $(this).addClass("done"); }); |
| 1 2 | $('#savenote').click(function() { } |
Kan ik hier wat mee of doe ik maar wat?
Mag ik de jouwe eens zien?quote:
Ik heb geen custom css.quote:
exactquote:
[..]
Joh, als je tegen de CSS van FOK! aan zit te werken...
treurnisquote:
| 1 2 3 4 5 6 7 8 9 | .pagesholder { display: block; left: 470px; line-height: 5px; position: absolute; text-align: right; top: 25px; width: 350px; } |
Ziet er goed uit in FF kan niet zien in andere browsers.
Heb je dit al opgelost?quote:
jQuery n00b-vraagje
ik heb diverse buttons
[ code verwijderd ]
nu verdwijnt met de click op de button de bijbehorende class
[ code verwijderd ]
maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
Dit is een manier, je kan ook de class veranderen door .CSS een attribuut te veranderen.
en dan bij THIS het terug het te tonen.
.| 1 2 3 4 5 6 7 8 | $('.example_class').click(function() { //alles verbergen. $('.example_class').hide('slow', function() { alert('Animation complete.'); }); //toon de ene die je hebt aangeklikt. $(This).show(); }); |
[ Bericht 16% gewijzigd door cablegunmaster op 15-04-2012 16:47:29 ]
Ik heb dus nu:
En dan kan ik dus dit gebruiken :SPOILERmovie.php
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
92
93
94
95
96
97
98
99
100<?php
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
/**
* Description of movie
*
* @author ---
*/
include_once('connection/Querymanager.php');
class movie {
private $tag;
private $id;
private $title;
private $description;
private $author_id;
private $link;
private $author;
private $poster;
function __construct() {
if (isset($_GET['id'])) {
$id = $_GET['id'];
$database = Querymanager::getInstance();
$movie = $database->loadMovie($id);
if (isset($movie)) {
$this->id = $movie['id'];
$this->title = $movie['title'];
$this->description = $movie['description'];
$this->author_id = $movie['author_id'];
$this->link = $movie['link'];
if (isset($movie['poster'])) {
$this->poster = 'images/' . $movie['poster'];
} else {
$this->poster = '';
}
$this->author = $database->loadAuthor();
if (isset($this->author)) {
$this->author = ucfirst($this->author['username']);
} else {
$this->author = ucfirst("onbekend");
}
$this->showMovie();
$this->showNotesBox();
$this->showComments();
} else {
echo "De film kan niet gevonden worden.";
}
} else {
}
}
function showMovie() {
$this->tag = "<div id='description'>";
$this->tag .= "<div id='movbackground'></div>";
$this->tag .= "<h2 id='movhead'>$this->title</h2>";
$this->tag .= "<p id='movdesc'>$this->description</p></div>";
$this->tag .= "<div class='title'>$this->title</div><div class='line'></div>";
$this->tag .= "<div class='fullmovie'>";
$this->tag .= "<video id='videotest' poster='$this->poster' width='616' height='350' controls='controls' style='margin-top:10px; margin-left:20px;'>";
$this->tag .= "<source src='$this->link' type='video/mp4' />Your browser does not support the mp4 files.";
$this->tag .= "</video>";
$this->tag .= "</div>";
echo $this->tag;
}
function showComments() {
$this->tag = "<div id='comments'><h2 id='commentshead'>Comments</h2>";
$this->tag .= "<div id='linecomments'></div>";
$this->tag .= "<div id='seconds'></div>";
$this->tag .= "</div>";
echo $this->tag;
}
function showNotesBox() {
$this->tag = "<div id='notes'>";
$this->tag .= "<h2 id='title'>Notities</h2>";
$this->tag .= "<form action='' method='post'>";
$this->tag .= "<textarea rows='20' cols='50'></textarea><br />";
if (isset($SESSION['status'])) {
$this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' value='Save note ' /></a>";
$this->tag .= "<a href='index.php?page=share'><input id='postnote' class='button' type='button' value='Share with' /></a>";
$this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' value='Help the community!' /></a>";
} else {
$this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' disabled='disabled' value='Save note' /></a>";
$this->tag .= "<a href='index.php?page=share'><input id='savenote' class='button' type='button' disabled='disabled' value='Share with' /></a>";
$this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' disabled='disabled' value='Help the community!' /></a>";
}
$this->tag .= "</form></div>";
echo $this->tag;
}
}
?>
| 1 2 3 | $('savenote').click(function() { });' |
Met een functie van AJAX:
| 1 2 3 4 5 6 7 8 | $.post('toolkit/saveNote.php', { movie_id : movie_id, user_id : user_id, note : note }, function(output) { $('confirmID').html.text(output); }' |
Om ervoor te zorgen dat de notities (showNotesbox) opgeslagen worden op de server. Het lukt mij alleen niet helemaal, ik krijg foutmeldingen.
ik heb diverse buttons
| 1 2 3 | <button onclick="toggleByClass('sectie1');">bla1</button> <button onclick="toggleByClass('sectie12');">bla2</button> <button onclick="toggleByClass('sectie13');">bla3</button> |
nu verdwijnt met de click op de button de bijbehorende classes
| 1 2 3 | function toggleByClass(className) { $("."+className).toggle("slow"); } |
maar ik wil het eigenlijk net anders om
ik wil graag dat alle classes van de button verdwijnen behalve die aangeklikt wordt...
kan ik bij hide() classes toewijzen waar het voor geldt?
zoiets?
$("td").hide('.sectie1.sectie2.sectie3');
als ik dit doequote:
| 1 | $("td").hide(' .sectie1'); |
?
Volgens mij is het met tientallen kliks Doen ze hun best om het te verstoppen?Maar thanks
?
Van zo'n googlemaps tutorial had ik ooit een link naar de documentatie van googlemaps en daar stond de link toen bij, en nu is dat veranderd.Da's iets netzoals bij zoekfuncties op technische forums. Geen opvallend kleurtje of handige positie rechtsboven ofzo, nee, gewoon in normale kleine letters ergens in het menu gepropt
Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.quote:
van developers mogen ze verwachten dat ze wel iets beter lezen dan de gemiddelde gebruiker.
Fucking 1e google hit: http://www.google.nl/search?hl=nl&q=googlemaps+developer+api+keyquote:
[..]
Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.
Binnenin de documentatie moet het gewoon gelinkt worden, klaar.Paar weken terug was het nog code.developers.comquote:
dan moet je lekker bij developers.google.com wegblijven.
Wat is het nou, klaag je nu over de documentatie die je niet goed gelezen hebt, de links in de documentatie die je niet gelezen hebt, de doorzoekbaarheid van de documentatie die je niet gegoogled hebt of het gebrek aan begrijpend kunnen lezen?quote:
Google gebruiken om te googlen binnen google.
Dat is dus echt kankerhard gelul van de bovenste plank, want je komt er wel hier in dit topic om mekkeren dat je het niet meer kan vinden in plaats van een mailtje naar Google te sturen.quote:
Gebrekkigheid aan links in de documentatie naar de API generator. Wat is daar niet aan te snappen? Ik ga expres niet googlen, wil weten of ze het zelf in orde hebben. Off-hand opmerkingen ga ik maar hier niet maken, allemachtig hee
Of je bent een aartslui figuur die denkt dat alles aan komt waaien als je maar hard genoeg mekkert, of je bent een randfiguur met een blok beton van heb ik jou daar voor je harses omdat je een punt wil maken over iets wat geen issue is. Welke van de twee is het?
[ Bericht 2% gewijzigd door #ANONIEM op 16-04-2012 14:21:05 ]
Mail Google dan in plaats van hier te vragen naar die link. Gaan wij ons druk maken om de mensen die wel degelijk hulp nodig hebben.quote:
Da's heel geen gelul Ik vind dat absoluut wel een issue, noem me mierenneukerig als je wil.
Daar is dit topic toch niet voor? Slowchatten doe je maar in DIG slowchat topic.quote:
Waarom veronder stel je dat ik van alles vraag, mag een beetje slowchat niet?
Hoe kan ik in de tbody dan mijn zebra-stripes dan wel door laten lopen?
De spacing die ik gebruik is 15 px. Dat maakt de stripes niet erg mooi namelijk.
[ Bericht 98% gewijzigd door Neraice op 17-04-2012 17:36:30 ]
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.quote:
Gebruikt hier iemand ook die Css transitions? ik heb het pas gisteren ontdekt
Ja, WebKit is goed bezig de volgende IE te wordenquote:
In webkit wordt er in ieder geval gewoon een event getriggerd, zodat je daarop kunt inhaken.
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Cssquote:
[..]
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.
Ik ben allang blij dat ik een "leuk" hover effect heb in een menu
www.renegrafischontwerp.nl/template
Jquery gebruik ik soms ook wel maar dat is meer Copy / Paste zoals met een slideshow
Ik snap het niet meer. Je bent toch web designer?quote:
[..]
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Css
Ik ben allang blij dat ik een "leuk" hover effect heb in een menu
www.renegrafischontwerp.nl/template
Jquery gebruik ik soms ook wel maar dat is meer Copy / Paste zoals met een slideshow
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.quote:
[..]
Ja, WebKit is goed bezig de volgende IE te worden
Overigens vraag ik me ook af in hoeverre dingen als transforms uberhaupt in CSS thuis horen. Het begint zo steeds meer op een programmeertaal te lijken ipv een stijlsheettaal. Laat interactiviteit lekker aan javascript over, dat is er voor gemaakt.
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.quote:
[..]
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.
Dat is één ding inderdaad, maar 99% marktaandeel claimen en dan 5 jaar lang iedereen in de shit laten zitten zal niet zo snel gebeuren met een google project.quote:
[..]
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.
muah, meer als hobby mijn school geeft namelijk geen les in webdesign etc. Ik vind het zelf leuk om websites (proberen) te ontwerpen, maar ik heb nog veel te lerenquote:
[..]
Ik snap het niet meer. Je bent toch web designer?
Mwah, het ligt aan het type animaties natuurlijk. Een hoverstate van een button ofzo vind ik iets dat prima in CSS mag/hoort. Een switch tussen pagina's/controls is idd iets wat w.m.b. meer in de JS-laag zou moeten horen.quote:
Overigens vraag ik me ook af in hoeverre dingen als transforms uberhaupt in CSS thuis horen. Het begint zo steeds meer op een programmeertaal te lijken ipv een stijlsheettaal. Laat interactiviteit lekker aan javascript over, dat is er voor gemaakt.
ik codeer in Dreamweaver en wil nu eigenlijk leren hoe je vanuit Dreamweaver een template maakt.
ik heb gelezen over Concrete5 & Wordpress.
Bedankt! ik ga me er eens in verdiepen.quote:
Ze hebben ook een boek ervan hoe je het stap voor stap moet doen, dus misschien is dat ook wel wat
Ik heb voor iemand een simpel portfolio'tje in elkaar gezet met html/css
Elk portfolio item is in een div.class gezet:
| 1 2 3 4 5 6 7 8 9 10 11 | .item { width:338px; height:100%; padding:10px 10px; margin:10px 10px 10px 10px; background-color:#e4e4e4; float:left; border:1px dotted #CCCCCC; } |
| 1 2 3 4 5 6 7 8 9 | <div class="item"> <div class="itembanner"> <h1>TITEL </h1> </div> <a href="images/...jpg" target="_blank"><img src="images/...jpg" width="335" /></a> <h2>SUB TITEL</h2> <div class="itemdatum">datum</div> </div> |
Alleen nu als de eerste in hoogte iets hoger is dan de tweede. (welke ernaast komt) (2 per rij..)
Dan blijft de 3de soort van steken aan de rechterkant, terwijl ik hem het liefst gewoon op de volgende rij wil laten beginnen.
Hoe los ik dit op?
[ Bericht 10% gewijzigd door Tazar_Yoot op 18-04-2012 18:49:26 ]
| 1 | var toLoad = $(this).attr('href') + '#' + $(this).attr('id'); |
Is dit de juiste manier om link.html#id te targeten?
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?quote:
http://www.w3schools.com/cssref/pr_class_clear.asp
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...quote:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
Gewoon jquery voor zoiets gebruiken.quote:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
| 1 2 3 | $('#DivID_Here').click(function(){ // OnClick Event code here }); |
als je breedte variabel is (en dus niet altijd 2 divs naast elkaar staan, maar soms ook meer of minder) zou ik idd inline-block gebruiken. Ik denk dat dat sowieso meer geëigend is voor dit geval.quote:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.quote:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
En dan de vervolgvraag: Waarom denk je dit nodig te hebben?
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.quote:
[..]
Gewoon jquery voor zoiets gebruiken.
[ code verwijderd ]
Oh zo goed had ik niet gelezenquote:
[..]
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.
my bad.
Nee dat snap ik welquote:
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.
En dan de vervolgvraag: Waarom denk je dit nodig te hebben?
Ik zei ook erachteraan dat je er als het ware 'doorheen klikt'. Misschien had ik het beter moeten verwoorden.Ik heb het nodig omdat: op m'n stagewebsite op de portfolio pagina heb je een lijst met items, en als je op de itempagina bent, heb je een filmpje. De filmpjes zijn ook in de lijst te zien door op de previewfoto te klikken, die popt out in een lightbox, en daarin zit het filmpje ook.
Boven op de fotodiv heb ik een play icoontje neergezet zodat duidelijk is het dat er een filmpje komt als je erop klikt. Ik dacht er ook aan om in Photoshop een voorbeeld bestand te maken met het play icoontje alvast op de goede plaats, maar dan moeten ze als ik weg ben iedere keer de foto's bewerken om het play icoontje erin te krijgen. Dit leek me handiger, gewoon in wordpress in de featuredwindow een foto uploaden en klaar
Dacht er overigens ook aan om gewoon de video's in de lijstview neer te zetten, maar dan zijn ze vrij klein vanwege de hoeveelheid items per pagina. In de popout zijn ze groter. Het gaat om deze pagina voor de duidelijkheid: http://filmdepartment.nl/v2/?page_id=61 (de telefoonpreview bevat een filmpje)
[ Bericht 1% gewijzigd door Mirel op 19-04-2012 23:02:07 ]
I feel stupidquote:
[..]
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...
Zover ik het nu begrijp;
Ik maak 2 classes aan,
.itemx (even)
.itemy (oneven)
met als verschil .itemy steeds die 'clear' meegeven.
right?
Dat is niet bepaald unobtrusive, aangezien het toch wel om een lay-out element gaat en niet zozeer om toegevoegde gimmicks. Raad ik af dus.quote:
?Blijf het lastig te bepalen vinden.
Depends. Probeer zoveel mogelijk liquid layouts te gebruiken en resolutie onafhankelijk te blijven, maar als het niet lukt pak ik nog 'gewoon' 1024x768.quote:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte
Blijf het lastig te bepalen vinden.
Het mooiste is natuurlijk om (bv dmv media queries) te zorgen dat bij elke resolutie iets fatsoenlijks op het scherm staat. Maar ik ga er in het geval van desktops meestal van uit dat mensen minstens 1000 pixels in de breedte en 600 pixels in de hoogte hebben.quote:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte
Blijf het lastig te bepalen vinden.
Die kende ik nog niet. Nice.quote:
Blijkbaar werkt dit alleen in Opera. Moet me eigen ook afleren daarin te stylen.
Bedoeling is dat die net zoals het blok advertenties op de rand komt te hangen
http://solutia.nl/rommel/2/
Vraag me ff niet waarom ik zo heb zitten kutten met de thead terwijl het eigenlijk zo simpel is.quote:Op woensdag 25 april 2012 00:03 schreef KomtTijd... het volgende:
Je vergeet de top:...px op de tabel?
Is iemand van jullie bekend met Triggeronview? Het twitter principe dus eigenlijk: http://jquery.novoj.net/triggerOnView/demo/demo.html
Daar is te zien dat er over de gehele breedte divjes worden toegevoegd wanneer een laatste paragraaf in beeld gescrollt wordt. Dat script maakt gebruik van window.scrolltop/scrollleft, en offset.height / width, waardoor het niet te gebruiken is binnen een containerdiv.
Heeft iemand enig idee of dat wel mogelijk is? En zo ja, hoe? Misschien toevallig ergens zo'n plugin tegengekomen?
als ik verschillende tegels op een site heb staan
zoiets
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
sowieso jQuery hiervoor gebruiken en wat je dan doet is.quote:
ik heb een ideetje..maar weet niet zo goed hoe ik het moet omzetten in code
als ik verschillende tegels op een site heb staan
zoiets
[ afbeelding ]
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
[ afbeelding ]
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
Je hebt de posOrigin die zit linksbovenin. Als je dan iets vergroot met 10px breed en 10px hoog. Moet je de posOrigin hiermee ofsetten. Dan blijft je tegel op dezelfde plek maar word hij wel groter.
Alleen je kunt de tekst dan pas het beste zichtbaar laten worden na DW animatie. Anders zie je de tekst verschuiven en dat zal niet zo mooi zijn denk ik.
ben nu aan het pielenquote:Op woensdag 25 april 2012 15:47 schreef stefanhaan het volgende:
[..]
sowieso jQuery hiervoor gebruiken en wat je dan doet is.
Je hebt de posOrigin die zit linksbovenin. Als je dan iets vergroot met 10px breed en 10px hoog. Moet je de posOrigin hiermee ofsetten. Dan blijft je tegel op dezelfde plek maar word hij wel groter.
Alleen je kunt de tekst dan pas het beste zichtbaar laten worden na DW animatie. Anders zie je de tekst verschuiven en dat zal niet zo mooi zijn denk ik.
maar wat je zegt dat doet jQuery toch zelf al, maar waarschijnlijk snap ik je niet
ik doen nu bijv:
| 1 | $(".demo").animate({height:600, width:600},"slow"); |
nu doe ik ook height en widht..maar kan zoiets ook met top en left bijv...
kan er niet een goede uitleg over vinden
maar moet ik dan voor elke tegel apart gaan uitvogelen wat de verschuiving in px wordt
of kan ik op 1-of-andere manier vertellen..hoek 1 gaan naar punt A
zodat ik de positie niet voor elke tegel opnieuw moet gaan bepalen
ik heb het met jquery nooit gedaan met c++ wel.quote:
[..]
ben nu aan het pielen
maar wat je zegt dat doet jQuery toch zelf al, maar waarschijnlijk snap ik je niet
ik doen nu bijv:
[ code verwijderd ]
dan blijft de linksboven, op z'n plaats..
nu doe ik ook height en widht..maar kan zoiets ook met top en left bijv...
kan er niet een goede uitleg over vinden
maar moet ik dan voor elke tegel apart gaan uitvogelen wat de verschuiving in px wordt
of kan ik op 1-of-andere manier vertellen..hoek 1 gaan naar punt A
zodat ik de positie niet voor elke tegel opnieuw moet gaan bepalen
Maar de theorie is, als de anchor point van een 2D object linksbovenin zit. En je wil hem scalen.
Dan moet je de locatie aanpassen met de hoeveelheid dat je hem scaled. (geen idee of jquery dit voor je regelt) maar je kan hier een globale functie bij maken die je aan elke div kan hangen je hebt alleen wat parameters nodig zoals de locatie, en de hoeveelheid dat je hem wil scalen.
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..quote:
Waar is de tijd gebleven dat je alles zelf moest doen zeg
het is goed om de achterliggende theorie te kennen. Je hebt tegenwoordig zoveel mensen die gewoon maar functies toepassen en niet eens weten hoe het werkt en dan gaan klagen.quote:
[..]
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..
kan ik het origin van een div verleggen?
van linksboven naar bv rechts onder...
als ik dan een height en width geef dan blijft de rechteronder hoek staan
Google heeft het wel in hun maps API voor icoontjes (plaatjes, soort van anchorpoint).
Misschien dat het met Jquery kan?[ Bericht 2% gewijzigd door Mirel op 26-04-2012 13:16:55 ]
positioneren met bottom: en right:quote:
nog niet echt een goed antwoord gevonden...
kan ik het origin van een div verleggen?
van linksboven naar bv rechts onder...
als ik dan een height en width geef dan blijft de rechteronder hoek staan
http://themeforest.net/item/summit-responsive-vcard-theme/2250095
Gewoon met bootstrap gewerkt om het responsive te maken?quote:
Misschien niet heel relevant in dit topic maar ik heb voor het eerst een theme in de verkoop gedaan waar ik stiekem best wel trots op ben
http://themeforest.net/item/summit-responsive-vcard-theme/2250095
Vind het geheel niet zo bijzonder eigenlijk, ziet er mooi uit maar that's it.
Hoefde ook niet echt een wow-factor te hebben. Het is m'n eerste theme, dus alles laten werkend was prioriteit nummer 1
Hij is niet IE7-proof.quote:
Nee, met Skeleton Grid.
Hoefde ook niet echt een wow-factor te hebben. Het is m'n eerste theme, dus alles laten werkend was prioriteit nummer 1
Menu en alle content laadt in één keer (onder elkaar) in.quote:
een slider over het plaatje met wat tekst erin..
hoe heet dit effect,
wil zoiets maken..maar nog niet echt een idee hoe te beginnen
Ik zou zeggen blader zelf even.
heb zojuist wat zitten pielenquote:
http://docs.jquery.com/UI/Effects
Ik zou zeggen blader zelf even.
| 1 2 3 4 5 | $("#effect").hide(); $("#blok").mouseenter (function () { $("#effect").show("slide", { direction: "down" }, 1000); }).mouseleave(function() { $("#effect").hide("slide", { direction: "down" }, 1000); |
op zich gaat dit wel..maar als ik de muis in het venster laat staan dan stop de animatie niet..
moet je hier een speciale functie of trucje voor meegeven...
met unbind werkt het niet meer na 1x uitgevoerd te hebben..dus dat is m ook niet
[ Bericht 22% gewijzigd door MrNiles op 01-05-2012 15:35:59 ]
Kan het misschien zo zijn dat #effect over #blok heen komt te liggen en daardoor de cursor niet meer op #blok staat als deze verschenen is?
wat je zegt kan wel eens kloppen..klinkt logisch...quote:
Hoe bedoel je? Blijft hij de animatie herhalen?
Kan het misschien zo zijn dat #effect over #blok heen komt te liggen en daardoor de cursor niet meer op #blok staat als deze verschenen is?
als de muis in #effect blijft staan, dan blijft #effect telkens gebeuren (mouseenter)
sta ik in #blok dan is alles ok
iets met z?
volgens mij welquote:
zo heb ik mijn html
blok is toch parent en effect is dan child
<div class="blok">
<div class="effect">bla</div>
</div>
in IE werkt het trouwens wel naar behoren..in FF niet
[ Bericht 4% gewijzigd door MrNiles op 01-05-2012 16:25:58 ]
Blijkt dat als je over een child heen muist, dat op de parent direct een onmouseout + onmouseover event plaatsvindt.
Denk dat je dit moet afvangen door misschien een korte vertraging in te bouwen ofzo.
Er stond in het vorige topic ook een stukje discussie over css pointer-events, misschien kun je daar wat mee (weet niet hoe dat ondersteund wordt in verschillende browsers)
je moet de click event bij de parent afvanggn en annuleren.quote:
Ik heb hier weleens eerder problemen mee gehad.
Blijkt dat als je over een child heen muist, dat op de parent direct een onmouseout + onmouseover event plaatsvindt.
Denk dat je dit moet afvangen door misschien een korte vertraging in te bouwen ofzo.
Er stond in het vorige topic ook een stukje discussie over css pointer-events, misschien kun je daar wat mee (weet niet hoe dat ondersteund wordt in verschillende browsers)
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.quote:
[..]
je moet de click event bij de parent afvanggn en annuleren.
sorry dat bedoelde ik, had even haastquote:
[..]
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriendquote:
[..]
sorry dat bedoelde ik, had even haast
ik zit nu mobiel bij mijn vriendin. Dus kan het niet opzoeken. Moet je even op google zoeken "jQuery canceling event" iets in die trent dan vind je wel een voorbeeld.quote:
[..]
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriend
wel op internet een site gevonden wat ik kan misbruiken
http://buildinternet.com/(...)aptions-with-jquery/
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
Euh... Iedereen hier?quote:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
quote:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
| 1 2 3 4 5 6 7 8 9 10 11 | <html> <head> <title>Hier komt de titel</title> </head> <body> Hier komt de tekst </body> </html> |
Toch niet alleen dit hè?
Heb deze hele ochtend al lopen zoeken, maar het verbaast hoeveel scripts hier van zijn en waar er bij elke script wel 1 of 2 browsers het niet doen.
Het is namelijk voor een nieuwe dienst waarin klanten een URL uit een textbox kunnen kopiëren.
Alvast thanks!
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?quote:
Hey mensen, ik zoek momenteel een script waarmee je tekst vanuit een textbox kunt kopiëren door op een button te klikken. Hij moet Cross-browser compatible zijn.
Heb deze hele ochtend al lopen zoeken, maar het verbaast hoeveel scripts hier van zijn en waar er bij elke script wel 1 of 2 browsers het niet doen.
Het is namelijk voor een nieuwe dienst waarin klanten een URL uit een textbox kunnen kopiëren.
Alvast thanks!
Als websites dat doen is het over het algemeen via flash, geloof ik...quote:
[..]
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?
quote:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
Het gaat namelijk om een pagina met enorm veel Advertentie banners (ongeveer 100 banners) onder elkaar voor een klant die automatisch worden genereerd op basis van aanbiedingen en producten uit hun webshops.
De klant kan dan kiezen welke banners hij wilt gebruiken en die doorsturen naar zijn Affiliate-website. De URL word dan weergegeven, maar een copy functie ernaast maakt het net wat gebruiksvriendelijker voor de klanten.
De volgende stap was dus om er een copy button ernaast te maken die de hele selectie naar het Clipboard kopieert.
Dat heb ik dus ook overwogen om er CTRL + C naast te zeggen, maar mijn werkgever zoekt liever naar een copy button. Is net wat gebruiksvriendelijker aangezien sommige klanten echt een verstand van 0 hebben als het gaat om computers. Laat staan dat ze uberhaupt weten waar de ctrl knop ligt.
En ja die zijn we tegen gekomen..class1 .class2 { float:left; }
wat kan er fout gaan dat het niet werkt?
ik probeer .mosaic-block en .mosaic-block-large te combineren,
kan het fout gaan met de - en bijna gelijke namen
Ehm, nee?quote:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
basislesje CSS selector syntax?
http://www.w3.org/TR/CSS2/selector.html
Namelijk, als ik op mijn webshop ben en ik zie iets wat aangepast moet worden dan doe ik Element Inspecteren via Google Chrome om te kijken wat het is. Maar wat ik nu nog graag erbij wil zien is op welke locatie dat bestand staat waar ik wat in wil wijzigen.
Alvast bedankt!
korte antwoord is dat je 2 selectors moet scheiden met de komma. zou daarnaast toch alsnog de link van komttijd lezenquote:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
wat kan er fout gaan dat het niet werkt?
ik probeer .mosaic-block en .mosaic-block-large te combineren,
kan het fout gaan met de - en bijna gelijke namen
[ Bericht 100% gewijzigd door Debsterr op 07-05-2012 20:37:56 (opgelost) ]
| 1 | <ins style="display:inline-table;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px"><ins style="display:block;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px" id="aswift_0_anchor"><iframe width="160" scrolling="no" height="600" frameborder="0" style="left:0;position:absolute;top:0;" name="aswift_0" id="aswift_0" vspace="0" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){i+='.call';setTimeout(h,0)}else if(h.match){i+='.nav';w.location.replace(h)}s.log&&s.log.push(i)}" marginheight="0" marginwidth="0" hspace="0" allowtransparency="true"></iframe></ins></ins> |
[ Bericht 42% gewijzigd door Yuri_Boyka op 06-05-2012 20:42:15 (opgelost) ]
De melding die ik krijg is 'ID wordt verwacht' op regel 14.
Als ik die en de volgende 3 regels uitcomment werkt de slideshow maar geven de controls niet meer aan welke van de slides je ziet.
Wat gaat er verkeerd?
Het werkt dus wel uitstekend in Firefox en Chrome! Wellicht is het een bug in IE? Ik heb al uren gegoogled | 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 | $(function(){ $(".slider ul") .cycle({ prev: '.slider .controls .prev', next: '.slider .controls .next', timeout: 6000, pager: '.slider .controls .pages', pagerAnchorBuilder: pagerFactory, before: function(Ec, En, o, f) { var classTarget = $(Ec); var nextClassTarget = $(En); classTarget = classTarget.context.attributes.class.value; nextClassTarget = nextClassTarget.context.attributes.class.value; $('.slider .controls .' + classTarget).removeClass('selected'); $('.slider .controls .' + nextClassTarget).addClass('selected'); } }); // Pager Function function pagerFactory(idx, slide) { var selected = (idx == 0 ? 'selected' : null); return '<img src="img/slideshow/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />'; }; }); |
(de betreffende slides hadden een class="1" en een id="header1" (en een class='2' en id='header2' enz))
| 1 2 3 4 5 6 | classTarget = classTarget.context.attributes.id.value; classTarget = classTarget.replace('header',''); nextClassTarget = nextClassTarget.context.attributes.id.value; nextClassTarget = nextClassTarget.replace('header',''); $('.slider .controls .' + classTarget).removeClass('selected'); $('.slider .controls .' + nextClassTarget).addClass('selected'); |
classTarget = classTarget.attr("class");
Maar ik vind bij nader inzien op ID selecteren beter.
[ Bericht 50% gewijzigd door #ANONIEM op 09-05-2012 15:43:20 ]
Ja, 200 euro.quote:
[ Bericht 31% gewijzigd door #ANONIEM op 09-05-2012 15:43:39 ]
Beetje triest gedoe hier, mensen kunnen elkaar tegenwoordig niet eens kosteloos even helpen oftewel iets gunnen.quote:
Ik lach om mensen zoals jou.
Ver zul je niet komen op deze manier.I gave it a try.
Jij vraagt een dienst op FOK!, dat is sowieso al verboden hier om te doen. Wie lacht er nu om wie?quote:
[..]
Beetje triest gedoe hier, mensen kunnen elkaar tegenwoordig niet eens kosteloos even helpen oftewel iets gunnen.
Ik lach om mensen zoals jou.
I gave it a try.
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.quote:
[..]
Jij vraagt een dienst op FOK!, dat is sowieso al verboden hier om te doen. Wie lacht er nu om wie?
Als mijn vraag een dienst is dan had FOK! 30% van alle post minder.
Denk je dat iemand het hier gratis gaat doen?quote:
[..]
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.
Als mijn vraag een dienst is dan had FOK! 30% van alle post minder.
Voor jou tien betalende klanten.als je met jQuery werkt, adviseer ik je alles in jQuery te doen. ook een class ophalen gaat dan wat makkelijkerquote:
edit: en ik bedenk me nu dat het ook zo kan:
classTarget = classTarget.attr("class");
Maar ik vind bij nader inzien op ID selecteren beter.
Hulp = 'hoe doe ik het'quote:
[..]
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.
Als mijn vraag een dienst is dan had FOK! 30% van alle post minder.
dienst = 'kan je dit voor me maken'
Jij vroeg "kan je dit voor me maken" lijkt me duidelijk dus
Hoe maak ik precies zo'n box? Hoe ziet die code eruit? Kan iemand mij hiermee helpen?
kijk hier eens http://www.w3schools.com/tags/tag_div.asp
Alles staat er al in ik moet alleen dat oranje hebben.quote:
dat ziet er gewoon uit als een div met een achtergrondje en wat text en plaatjes erin.
kijk hier eens http://www.w3schools.com/tags/tag_div.asp
Zoals hier:
Of bedoel je dat niet?
kan je niet zomaar kopieren.. hierin zou je alsnog de links naar facebook, twitter en hyves moeten maken kijk eens op https://developers.facebook.com als je dit ook voor hyves en twitter doet ben je klaar. Nee kijk. Die knoppen zijn er al incl. links en alles, het enige wat ik wil is dat het een oranje box krijgt zodat het opvalt en er dus meer gedeeld wordt.quote:
ja maar dat "oranje ding"
Gooi er een div omheen en geef die styling.quote:
[..]
Nee kijk. Die knoppen zijn er al incl. links en alles, het enige wat ik wil is dat het een oranje box krijgt zodat het opvalt en er dus meer gedeeld wordt.
<div id="box">
En na de laatste link </div>
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Klaaaar.
Kijk hier kan ik wat mee.quote:
Pleur boven de eerste link:
<div id="box">
En na de laatste link </div>
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Klaaaar.
Dat dikgedrukte mag willekeurig ergens in de style.css of moet het nog op een special plek?
Welke plek?quote:Op woensdag 9 mei 2012 17:23 schreef boem-dikkie het volgende:
Het moet op een special plek in je style.css.
Total noob, my apologize.quote:
Je kunt het ook gewoon zelf proberen hè? Is niet heel lastig.
ik had de code dus niet geschreven he.quote:
[..]
als je met jQuery werkt, adviseer ik je alles in jQuery te doen. ook een class ophalen gaat dan wat makkelijker
Ik snap nooit ene bal van javascript. Meestal figelier ik gewoon wat en dan komt uit eindelijk alles goed. Ik geef het op.quote:
Je snapt dat het in de style.css komt, probeer het zou ik zeggen.
Maak je m op 100% breedte en laat het mobiele apparaat zelf schalen
of
zet je alles in een wrapper met de pixel-breedte die je wil hebben
of
.......
dit gaat op je website op de pagina van bestelling gelukt oidquote:
<div id="box">
En na de laatste link </div>
dit gooi je gewoon in je css
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Ja maar ik heb geprobeerd dat in de stylesheet.css te doen maar het reageert niet.quote:
[..]
dit gaat op je website op de pagina van bestelling gelukt oid
<div id="box">
En na de laatste link </div>
dit gooi je gewoon in je css
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Je hebt het dikgedrukte vergeten.quote:
Pleur boven de eerste link:
<div id="box">
En na de laatste link </div>
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Klaaaar.
Al gedaan maar werkt niet. Boem-dikkie kijkt er nu naar.quote:
Toch bedankt!SPOILERNisam glupan.
Als ik nu de like knop indruk dan krijg ik een preview te zien met een foto erbij en wat tekst. Nu is het zo dat die foto die daar staat, dat dat product al lang niet meer op de webshop te zien is (was voorbeeld product) en ik dat daar weg wil hebben want het is totaal niet relevant met mijn producten. Dus wat ik wil is die foto helemaal weg of gewoon een andere foto.
Hoe kan ik dit regelen?
Waar heb je de code vandaan om dit te regelen? Ik wil wel even kijken, maar dan moet ik wel de code zienquote:
Een ander vraagje.
Als ik nu de like knop indruk dan krijg ik een preview te zien met een foto erbij en wat tekst. Nu is het zo dat die foto die daar staat, dat dat product al lang niet meer op de webshop te zien is (was voorbeeld product) en ik dat daar weg wil hebben want het is totaal niet relevant met mijn producten. Dus wat ik wil is die foto helemaal weg of gewoon een andere foto.
Hoe kan ik dit regelen?
[ afbeelding ]
Ik probeer dit te doen bij http://filmdepartment.nl/v2/?page_id=61&paged=2 maar het wil niet lukken. Ik heb:
• de wrapper code in de bestaande content_wrapper div gedaan
• zelf een wrapper div om alle content behalve de footer gedaan (dus ook de togglebox die je met het lintje tevoorschijn kan halen)
• de wrapper div om de gewone content heen gedaan, maar zonder de togglebox
Met de footer ook.
• de footercode op de bestaande footer_wrapper geprobeerd
• de footercode in een nieuwe footer_wrapper gedaan die om de ouwe heen komt
Heb ook een andere variant geprobeerd waarbij er een lege div boven de footer geplaatst wordt met de naam push. Zover ik weet zet ik de code gewoon op de juiste plekken neer.. komt het door die togglebox?
[ Bericht 1% gewijzigd door Mirel op 10-05-2012 10:48:13 ]
en wat probeer je nu? Dat er een div uitschuift aan de bovenkant?quote:
[ afbeelding ]
Ik probeer dit te doen bij http://filmdepartment.nl/v2/?page_id=61&paged=2 maar het wil niet lukken. Ik heb:
• de wrapper code in de bestaande content_wrapper div gedaan
• zelf een wrapper div om alle content behalve de footer gedaan (dus ook de togglebox die je met het lintje tevoorschijn kan halen)
• de wrapper div om de gewone content heen gedaan, maar zonder de togglebox
Met de footer ook.
• de footercode op de bestaande footer_wrapper geprobeerd
• de footercode in een nieuwe footer_wrapper gedaan die om de ouwe heen komt
Heb ook een andere variant geprobeerd waarbij er een lege div boven de footer geplaatst wordt met de naam push. Zover ik weet zet ik de code gewoon op de juiste plekken neer.. komt het door die togglebox?
Als je dat wil dat is vrij simpel...
Het is het allerlaatste aan deze website voordat ik er klaar mee ben
dus DW footer altijd aan de onderkant van de pagina?quote:
De footerdiv naar beneden drukken. Bij pagina's met weinig content zit 'ie dus in het midden van het scherm. Ik zet de code gewoon op de juiste plekken, maar hij reageert er niet op. Ik kan ook niet zoals in het voorbeeld alle content behalve de footer in een aparte wrapper zetten, omdat een deel van die content in die togglebox zit.
Het is het allerlaatste aan deze website voordat ik er klaar mee ben
Dat moet je met CSS doen is een bepaalde div structuur en een paar regeltjes. Even googelen en je hebt het zo gevonde.
Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.quote:
hoe kun je het beste een mobiele site maken.
Maak je m op 100% breedte en laat het mobiele apparaat zelf schalen
of
zet je alles in een wrapper met de pixel-breedte die je wil hebben
of
.......
Paar dingen om op te letten, hier een handige link:
http://www.slideshare.net(...)g-for-the-mobile-web
goede slideshowquote:
[..]
Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.
Paar dingen om op te letten, hier een handige link:
http://www.slideshare.net(...)g-for-the-mobile-web
De betaalde versies zijn vrij goed dacht ik zo.
Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks.quote:
[..]
dus DW footer altijd aan de onderkant van de pagina?
Dat moet je met CSS doen is een bepaalde div structuur en een paar regeltjes. Even googelen en je hebt het zo gevonde.
[ Bericht 43% gewijzigd door MrNiles op 10-05-2012 12:30:32 ]
Waarom werkt het wel als ik het doe dan?quote:
[..]
Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks.
Dit is de source van wat ik heb gemaakt m.b.v. AJAXcam:
| 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 | <?php <html> <head> <script type="text/javascript"> <!-- function holdUp() { refreshFreq=1; setTimeout("freshPic()", refreshFreq*1000); } function freshPic() { var currentPathCam1=document.campic1.src; var currentPathCam2=document.campic2.src; var currentPathCam3=document.campic3.src; var currentPathCam4=document.campic4.src; var trimmedPath1=new Array(); var trimmedPath2=new Array(); var trimmedPath3=new Array(); var trimmedPath4=new Array(); trimmedPath1=currentPathCam1.split("?"); trimmedPath2=currentPathCam2.split("?"); trimmedPath3=currentPathCam3.split("?"); trimmedPath4=currentPathCam4.split("?"); var ts = Date.now(); document.campic1.src = currentPathCam1 + "?" + ts; document.campic2.src = currentPathCam2 + "?" + ts; document.campic3.src = currentPathCam3 + "?" + ts; document.campic4.src = currentPathCam4 + "?" + ts; holdUp(); } // --> </script> </head> <body onLoad="holdUp()"> <p> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic1" /> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic2" /> </p> <p> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic3" /> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic4" /> </p> <p></p> </body> </html> ?> |
Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaatquote:
^^Mag ook wel in de OP wat mij betreft
En als je naar je code kijkt, waar zou dat dan aan liggen denk je?quote:
[..]
Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaat
Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..quote:
Zeg, mensen. Een forum is een open discussieplatform. Een vraag stellen en vervolgens iedereen PM/DM'en om een oplossing los te peuteren heeft iig bij mij weinig zin.
^^Mag ook wel in de OP wat mij betreft
ik heb *exact* gedaan wat in dat plaatje staat wat je post.quote:
[..]
Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..
Ik heb het nu zo gedaan:quote:
[..]
En als je naar je code kijkt, waar zou dat dan aan liggen denk je?
| 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 | <?php <html> <head> <script type="text/javascript"> <!-- function holdUp() { refreshFreq=1; setTimeout("freshPic()", refreshFreq*1000); } function freshPic() { var currentPath1=document.campic1.src; var currentPath2=document.campic2.src; var currentPath3=document.campic3.src; var currentPath4=document.campic4.src; var trimmedPath1=new Array(); var trimmedPath2=new Array(); var trimmedPath3=new Array(); var trimmedPath4=new Array(); trimmedPath1=currentPath1.split("?"); trimmedPath2=currentPath2.split("?"); trimmedPath3=currentPath3.split("?"); trimmedPath4=currentPath4.split("?"); document.campic1.src = trimmedPath1[0] + "?" + Math.round(+new Date()); document.campic2.src = trimmedPath2[0] + "?" + Math.round(+new Date()); document.campic3.src = trimmedPath3[0] + "?" + Math.round(+new Date()); document.campic4.src = trimmedPath4[0] + "?" + Math.round(+new Date()); holdUp(); } // --> </script> </head> <body onLoad="holdUp()"> <p> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic1" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic2" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic3" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic4" /> </p> </body> </html> ?> |
Nu gaat het qua urls wél goed, maar het refreshen gaat moeizaam, onstabiel tot vastlopen.
Het moet toch gewoon mogelijk zijn om zo'n 15 fps te bereiken?
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.
Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
gewoon !important zetten bij wat voorrang heeft.quote:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.
Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
Probeer je elementen zo specifiek mogelijk te benamen en combineer regels waar dat kan.
quote:
[..]
gewoon !important zetten bij wat voorrang heeft.
!Luister niet naar dit advies als je je css net wil verneuken, ik kan mobiel ff geen goede link vinden maar dit is iig niet de goede oplossing.
Sowieso wat lager in de file staat heeft voorrang als de regels exact het zelfde zijn. Als de regels verschillen heeft degene die specifieker is voorrang.
Trololololol
google op "css specificity"quote:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.
Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
ander vraagje daarover..quote:
Ugh. Gebruik alsjeblieft niet !important.
Probeer je elementen zo specifiek mogelijk te benamen en combineer regels waar dat kan.
is het verstandig om aan 1 element meerdere classes toe te wijzen, bijv:
<div class="mosaic-block small fadeuser">
of beter om meerdere div's aan te maken?
of beter om de classes beter te combineren/ of juist uit elkaar te trekken?
quote:
.meerdere classes aan één div toevoegen zou ik zoveel mogelijk voorkomen, gebruik gewoon een enigszins semantische classname.
Kijk wat jij zelf handig vindt maar laat !important achterwege.
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">quote:
Ja, je kunt meerdere classes aan een div hangen, zie je wel vaker gebeuren. Handig om bepaalde elementen die vrijwel hetzelfde zijn toch een iets specifiekere regel mee te geven.
Echt gebruik dan gewoon weer inline-styles ofzo
Klopt, dat moet je ook zeker niet doen. Maar een keer of twee kan geen kwaad, als je twee specifieke regels wil toevoegen zonder dat je een aparte class aanmaakt waar die dingen gecombineerd worden. Dan krijg je namelijk ook wildgroei door allerlei combinatie classes waar praktisch hetzelfde instaat als wat andere classes ook al meekrijgen.quote:
[..]
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">
Echt gebruik dan gewoon weer inline-styles ofzo
Dat vroeg ik me laatst eigenlijk ook af idd. Met JqueryUI kan je idd allerlei classes meegegeven voor styling enzo. Maar dan ga je veel meer richting inline styles door daar te bepalen hoe iets eruit moet komen te zien.quote:
[..]
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">
Echt gebruik dan gewoon weer inline-styles ofzo
Zou het zelf meer zoeken in de richting van Sass of Less, mocht je zaken niet dubbelop willen uitvoeren.
Voor echt specifieke styling moet je gewoon id's gaan gebruiken, daar zijn ze voor gemaakt.
Via http://www.cssoptimiser.com kun je makkelijk nagaan welke classes de zelfde stijlregels meekrijgen, op basis daarvan kun je die classes hergebruiken in meerdere elementen.quote:
Zijn er eigenlijk geen HTML/CSS optimizers die automatisch de beste class-indeling maken? Beetje like de JS-minifyers enzo?
Nog een stapje verder is om een CSS approach te kiezen die lange tijd meekan. Iets als smacss bijvoorbeeld. Niet in alle punten super, maar als basis wel een fijne approach om wat cherry picking uit te doen. Denk dat je uiteindelijk meer baat het bij een gestructureerde aanpak, dan discussies over css issues die volgen uit een semi-willekeurige aanpak en de daaruit volgende problematiek.quote:
[..]
Dat vroeg ik me laatst eigenlijk ook af idd. Met JqueryUI kan je idd allerlei classes meegegeven voor styling enzo. Maar dan ga je veel meer richting inline styles door daar te bepalen hoe iets eruit moet komen te zien.
Zou het zelf meer zoeken in de richting van Sass of Less, mocht je zaken niet dubbelop willen uitvoeren.
Ik doelde meer op een tool die je CSS optimaliseert voor rendersnelheid, inclusief de selectors die je gebruikt.quote:
[..]
Via http://www.cssoptimiser.com kun je makkelijk nagaan welke classes de zelfde stijlregels meekrijgen, op basis daarvan kun je die classes hergebruiken in meerdere elementen.
goeie stof idd. *bookmarkt*quote:
[..]
Nog een stapje verder is om een CSS approach te kiezen die lange tijd meekan. Iets als smacss bijvoorbeeld. Niet in alle punten super, maar als basis wel een fijne approach om wat cherry picking uit te doen. Denk dat je uiteindelijk meer baat het bij een gestructureerde aanpak, dan discussies over css issues die volgen uit een semi-willekeurige aanpak en de daaruit volgende problematiek.
Ik ben al bezig geweest in de CSS en enkele dingen zijn mij al gelukt. Echter klopt de font op een bepaalde manier niet.
Hieronder een plaatje van de code (style.css) (element inspect.).
Hier een plaatje van hoe het eruit ziet, de bovenste is size_guide en de onderste stone-help, zoals je ziet is de tekst anders waardoor de plaatjes niet goed onder elkaar staan en ik wil graag dat de tekst hetzelfde wordt. Het lijkt erop dat het met die cufon te maken heeft, alleen weet ik niet waar ik dat moet aanpassen.
Zoals ik het zie staat de tekst van het bovenste plaatje in een cufon en de tekst van het onderste plaatje niet.
Lolwut?quote:
Het lijkt erop dat het met die cufon te maken heeft, alleen weet ik niet waar ik dat moet aanpassen.
Zoals ik het zie staat de tekst van het bovenste plaatje in een cufon en de tekst van het onderste plaatje niet.
[ afbeelding ]
Ja snap er zelf ook niet veel van.quote:
In ieder geval, het bovenste "Snelle afhandeling" staat in een bepaalde font(code) en het onderste "Stenen informatie" is een normale font.Als je kijkt in die code zie je daar staan cufon class: cufon blabla. Blijkbaar moet die "Stenen informatie" ook ongeveer zijn zoals die cufon. Maar waar dit moet weet ik niet.
Dat blauwe ding met stenen informatie heb ik zelf toegevoegd.
quote:
| 1 2 3 4 5 6 | .product-view .product-shop .static-links .delivery-image{ background:url(../images/delivery_icon.gif) no-repeat left center; padding-left:65px; margin-bottom:10px; height:57px; } .product-view .product-shop .static-links .delivery-image .title{ font-size:20px; color:#444;} .product-view .product-shop .static-links .size-guide{ background:url(../images/size_guide_icon.gif) no-repeat left center; padding-left:65px; height:57px; } .product-view .product-shop .static-links .size-guide .title{ font-size:20px; color:#444;} .product-view .product-shop .static-links .stone-help{ background:url(../images/stone_help_icon.gif) no-repeat left center; padding-left:65px; height:57px; } .product-view .product-shop .static-links .stone-help .title{ font-size:20px; color:#444;} |
Heb ik gedaan, maar waar zit die cufon ding? Die font klopt niet.
Dat weet ik jong, ik moest dat er in ieder geval neerzetten zodat hij het plaatje zou weergeven met tekst enzo. Maar hoe krijg ik die font nou goed dan? Ik heb een HTML bestand nodig dus?quote:
quote:
Lekker rare bugs tegenkomen en uren speuren naar de oorzaak.
Nee, een font uploaden naar fontsquirrel is te makkelijk.
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
Dafuq did I just read.quote:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
quote:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
Check z'n posthistory maar eens, dit valt nog mee.quote:
Zoals bij de headers hier, op iedere pagina? Nee, dat is niet mogelijk.quote:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
Bijna goed, ik begrijp wat je bedoelt.quote:
Hoi
Is het mogelijk om telkens als je een webpagina bezoekt een ander plaatje te hebben. keuze uit 10 plaatjes.
gr.
sgcr
Ja dat kan met behulp van php.
| 1 2 3 4 | <?php $plaatjenr = rand(0, 10); Echo "<img src='img/plaatjes".$plaatjenr.".jpg' alt='plaatjes".$plaatjenr." ' />"; ?> |
Voor de rest zoekt hij binnen de map img naar plaatjes met als vb naam plaatjes0.jpg of plaatjes10.jpg dus als je 10 plaatjes maakt. Zal hij die elke anders tonen.
Sla dit stukje code op als plaatje.php of welke naam je nodig hebt. en upload hem op een webserver (online ) of op een Xampp localhost server.
quote:
[..]
Zoals bij de headers hier, op iedere pagina? Nee, dat is niet mogelijk.
zit niet zo te trollenquote:
Aan de postgeschiedenis van sgcr te zien is hij zelf een troll.quote:
Gewoon een zolder nerd met een autisme aspect. niks bijzonders.quote:
[..]
Aan de postgeschiedenis van sgcr te zien is hij zelf een troll.
Wat ik hem aanraad , wil hij de volgende keer geholpen worden. Is eerst te gaan inlezen!
Veel van de problemen die hij vraagt zijn makkelijk oplosbaar door letterlijk de vragen in google te typen.