Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie vereist momenteel het gebruik van de ingebouwde Safari browser.
In het geval dat de prijs uit gehele euros bestaat geef je een integer:why? ik geef idd een double. het ligt eraan of je row een double is. dat ligt niet aan mijn script. en wat zou het hij werkt bij mij.
if(!number_format($prijs,0)==$prijs)
{
$prijs = (int)$afronding[0].'00';
}
public function find($table, $findBy = 'id', $id, $fields = '*', $sortBy = '', $orderBy = '', $limitStart = '', $limit= '', $smartFetch = true) {
$query = "SELECT " . (is_array($fields) ? mysql_real_escape_string(implode(",", $fields)) : mysql_real_escape_string($fields)) . " " .
"FROM `" . mysql_real_escape_string($table) . "` " .
"WHERE " . mysql_real_escape_string($findBy) .
(($id == null) ? " IS NULL" : "='" . mysql_real_escape_string($id) . "'");
if(!empty($sortBy) && !empty($orderBy)) {
$query .= " ORDER BY " . mysql_real_escape_string($sortBy) . " " . mysql_real_escape_string($orderBy);
}
if(!empty($limit)) {
$query .= " LIMIT " . mysql_real_escape_string($limitStart) . ", " . mysql_real_escape_string($limit);
}
$queryData = mysql_query($query);
$data = array();
if(mysql_num_rows($queryData) == 0) {
return false;
}
else if(mysql_num_rows($queryData) == 1 && $smartFetch == true) {
return mysql_fetch_array($queryData);
}
else {
while($row = mysql_fetch_array($queryData)) {
$data[] = $row;
}
return $data;
}
}
Mja, maar zelf beetje degelijke webshop schrijven ben je een eeuw verder. Gebruik (helaas) liever Magento ed.mja het was ook niet mijn website. hij is ook niet helemaal gebruikt ging op enof andere manier moeilijk met joomla waar ik toch niet al te vriendelijk over ben. doe het liever basic met html php mysql etc.
var leeftijd = prompt("Hoe oud ben jij?");
if(leeftijd >= 18)
{
alert("Jij bent volwassen en mag nu zoveel drinken en roken als je wil!");
}
else
{
alert("Je bent nog minderjarig en moet nog eeeven wachten totdat je bepaalde dingen mag doen -zoals drinken en roken.");
}
var klaarvooravontuur = confirm("Ben jij klaar voor een klein avontuurtje?");
if(klaarvooravontuur == true)
{
alert("Dan gaan we naar een andere planeet toe!");
}
else
{
alert("Ik ga een leuk boek van Thea Beckman lezen.");
}
var starTrek = confirm("Hou jij van Star Trek?");
if(starTrek == true)
{
alert("Dan houd jij wel van science-fiction!");
}
else
{
alert("Er zijn vast nog veel andere dingen die jij leuk vindt!");
}
var moevanpopups = confirm("Ben je nu al moe van al die pop-ups?");
if (moevanpopups == true)
{
alert("Dan stoppen we daar gewoon mee! Veel plezier verder op de website!");
}
else
{
alert("Dan gaan we gewoon nog even door!");
var doorgaan = confirm("Nog niet genoeg gehad?");
if(doorgaan == true)
{
alert("YES jij bent een volhouder!");
var laatstekeer = confirm("Vind je het soms leuk om op knopjes te klikken?");
if(laatstekeer == true)
{
alert("Ik (de computer) begin nu zelf al wat moe te worden...");
var echtlaatstekeer = confirm("Heb je vandaag een leuke dag?");
if(echtlaatstekeer == true)
{
alert("Dan hoop ik dat de rest van je dag ook leuk mag worden! De computer is nu heel moe geworden.. heb een fijne tijd op mijn website!");
}
else
{
alert("Hopelijk zal je toch nog een fijne dag hebben! Veel plezier op de website!");
}
}
else
{
alert("Wens je nog een prettige dag(/nacht) toe! Veel plezier op de website!");
}
}
else
{
alert("Goed zo, ik (de computer) begin ook al wat moe te worden. Veel plezier op de website!");
}
}
var result = prompt("Hoe oud ben jij?");
if(result >= 18)
alert("Jij bent volwassen en mag nu zoveel drinken en roken als je wil!");
else
alert("Je bent nog minderjarig en moet nog eeeven wachten totdat je bepaalde dingen mag doen -zoals drinken en roken.");
result = confirm("Ben jij klaar voor een klein avontuurtje?");
if(result == true)
alert("Dan gaan we naar een andere planeet toe!");
else
alert("Ik ga een leuk boek van Thea Beckman lezen.");
result = confirm("Hou jij van Star Trek?");
if(result == true)
alert("Dan houd jij wel van science-fiction!");
else
alert("Er zijn vast nog veel andere dingen die jij leuk vindt!");
result = confirm("Ben je nu al moe van al die pop-ups?");
if(result == true)
{
alert("Dan stoppen we daar gewoon mee! Veel plezier verder op de website!");
exit();
}
alert("Dan gaan we gewoon nog even door!");
result = confirm("Nog niet genoeg gehad?");
if(result == false)
{
alert("Goed zo, ik (de computer) begin ook al wat moe te worden. Veel plezier op de website!");
exit();
}
alert("YES jij bent een volhouder!");
result = confirm("Vind je het soms leuk om op knopjes te klikken?");
if(result == false)
{
alert("Wens je nog een prettige dag(/nacht) toe! Veel plezier op de website!");
exit();
}
alert("Ik (de computer) begin nu zelf al wat moe te worden...");
result = confirm("Heb je vandaag een leuke dag?");
if(result == true)
alert("Dan hoop ik dat de rest van je dag ook leuk mag worden! De computer is nu heel moe geworden.. heb een fijne tijd op mijn website!");
else
alert("Hopelijk zal je toch nog een fijne dag hebben! Veel plezier op de website!");
Ik moet bekennen dat ik eigenlijk heel weinig programmeer/programmeer ervaring heb. Dit is een van de (zeer) weinige scriptjes die ik ooit zelf geschreven heb. Ik heb mezelf middels boeken en codecademy.com de talen (enkel de basis) PHP, Javascript en JQuery geleerd. Ik ben ooit, heel lang geleden, ook nog met JAVA bezig geweest (dan heb ik het over het jaar 2000) maar heb daar concreet niks mee gedaan.
Ik vind jouw code mooi en efficiënt! Als je het simpel houdt/blijft houden kan dit perfect werken. Ik denk zelf als ik meer met programmeren bezig zou gaan ik het fijn zou vinden als codes uitgebreid kunnen worden/ingewikkelder gemaakt/meer factoren/objecten. In dat geval zou de mijne dan handiger zijn?
Ik vind/merk dat als je met meer programmeertalen bezig gaat, er veel overeenkomsten tussen de talen zijn (alleen de syntax is anders).
<head>
<script>
window.onload = function(){
// load thumbnails
photo = document.querySelectorAll('.photo-item');
photoLength = photo.length;
for(i=0; i<photoLength; i++){
photoW = photo[i].naturalWidth;
photoH = photo[i].naturalHeight;
if(photoW >= photoH){
photo[i].style.height = '100px';
}
else{
photo[i].style.width = '100px';
}
}
conentW = photoLength * 115;
document.getElementById('photo-container').style.width = conentW+'px';
// load first photo
firstPhoto = document.querySelectorAll('.photo-item');
firstPhoto = firstPhoto[0];
firstPhotoUrl = firstPhoto.src;
firstPhotoAlt = firstPhoto.alt;
document.getElementById('photo-display').innerHTML = '<img src="'+firstPhotoUrl+'" id="selected-photo" alt="">';
document.getElementById('commentary').innerHTML = firstPhotoAlt;
}
</script>
</head>
<body>
<div id="photo-view-container">
<div id="photo-display"></div>
<div id="commentary"></div>
<div id="photo-container-holder">
<div id="photo-container" style="margin-left:0;">
<div class="photo-holder"><img src="path/photo0.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 1"></div>
<div class="photo-holder"><img src="path/photo1.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 2"></div>
<div class="photo-holder"><img src="path/photo2.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 3"></div>
<div class="photo-holder"><img src="path/photo3.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 4"></div>
<div class="photo-holder"><img src="path/photo4.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 5"></div>
<div class="photo-holder"><img src="path/photo5.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 6"></div>
<div class="photo-holder"><img src="path/photo6.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 7"></div>
<div class="photo-holder"><img src="path/photo7.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 8"></div>
<div class="photo-holder"><img src="path/photo8.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 9"></div>
<div class="photo-holder"><img src="path/photo9.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 10"></div>
<div class="photo-holder"><img src="path/photo10.jpg" onclick=viewPhoto(this) class="photo-item" alt="commentary photo 11"></div>
</div>
</div>
<img id="left" src="path/left.png" onclick=leftRight(this) alt="">
<img id="right" src="path/right.png" onclick=leftRight(this) alt="">
</div>
</body>
body{
background-color: #111;
text-align: center;
padding: 100px 0;
}
#image{
-webkit-animation-name: flow; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1.3s; /* Safari 4.0 - 8.0 */
animation-name: flow;
animation-duration: 1.5s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes flow {
from {opacity: .3;}
to {opacity: 1;}
}
/* Standard syntax */
@keyframes flow {
from {opacity: .3;}
to {opacity: 1;}
}
#photo-view-container{
display: inline-block;
background-color: #000;
width: 590px;
text-align: center;
padding: 40px 10px 10px 10px;
border: 5px solid #222;
border-radius: 10px;
}
#photo-display{
display: inline-block;
height: 300px;
width: 500px;
}
#selected-photo{
max-height: 290px;
max-width: 500px;
}
#commentary{
color: #aaa;
}
#left{
float: left;
}
#right{
float: right;
}
#right,#left{
position: relative;
bottom: -45px;
cursor: pointer;
}
#photo-container-holder{
display: inline-block;
width: 500px;
overflow: hidden;
}
#photo-container{
display: inline-block;
height: 100px;
padding: 10px 0;
-webkit-transition: all 0.50s ease;
-moz-transition: all 0.50s ease;
-o-transition: all 0.50s ease;
transition: all 0.50s ease;
}
.photo-holder{
background-color: #888;
display: inline-block;
width: 100px;
height: 100px;
margin: 0 5px;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.photo-item{
cursor: pointer;
}
footer{
color: #888;
margin-top: 20px;
}
footer a{
color: #ccc;
}
marginL = 0;
function leftRight(obj){
spaceLeft = document.getElementById('photo-container').style.marginLeft;
spaceLeft = spaceLeft.replace('px', null);
spaceLeft = parseInt(spaceLeft);
step = 300;
totalLength = document.querySelectorAll('.photo-item').length;
totalLength *= -115;
objId = obj.id;
if(objId == 'left'){
if(spaceLeft >= -step){
marginL = 0;
}
else{
marginL += step;
}
}
if(objId == 'right'){
if(spaceLeft <= totalLength + 500 + step){
marginL = totalLength + 500;
}
else{
marginL -= step;
}
}
document.getElementById('photo-container').style.marginLeft = marginL+'px';
}
function viewPhoto(obj){
objUrl = obj.src;
objAlt = obj.alt;
document.getElementById('photo-display').innerHTML = '<img src="'+objUrl+'" id="selected-photo" alt="">';
document.getElementById('commentary').innerHTML = objAlt;
console.log(objAlt);
}
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.