[JS] WEB SQL probleempje - Softwareontwikkeling

zaterdag 31 maart 2012 18:41

Acties:

Verwijderd

Topicstarter

Hoi Hoi, Ik ben bezig met een script. Helaas is het script nog niet volledig en ben ik even de klus kwijt hoe ik het aantal stars kan wegschrijven naar een web SQL database. Kan iemand mij misschien pleaseeeeeeeee helpen.
Heb van alles getest maar niks werkt echt

^{<script src="http://code.jquery.com/jquery-1.7.js"></script>

<script>

var db;

$(document).ready(function()

{

//Maak een nieuwe database aan

try

{

if (!window.openDatabase) {

alert('Not Supported -> Please try with a WebKit Browser');

} else {

db.transaction(function (tx) {

tx.executeSql("CREATE DATABASE 'RankingTheStars', 1.0, 'Ranking The Stars'

WITH TABLE IF NOT EXISTS 'star' (id INTEGER PRIMARY KEY, naam, ranking INTEGER);");

}

}

catch(e)

{

console.log(e);

}

db.transaction(function (tx) {

tx.executeSql("INSERT INTO star (id, naam, ranking) VALUES (1, 'Steve Jobs', 5)");

tx.executeSql("INSERT INTO star (id, naam, ranking) VALUES (2, 'Justing Bieber', 4)");

});

starsWeergeven();

});

function starToevoegen(){

var star = $('input:text[name=star]').val();

var ranking = $('input:text[name=ranking]').val();

ranking = (ranking >10)?10: ranking;

//code star met ranking invullen in de tabel star

console.log("Star "+ star +" met ranking "+ ranking +" toegevoegd aan de database");

starsWeergeven();

}

function starsWeergeven(){

console.log("Stars in database weergeven");

db.transaction(function(tx){

tx.executeSql('SELECT * FROM star', [], function (tx, results) {

var len = results.rows.length, i;

if(len > 0){

$('#stars').replaceWith('<table id="stars"><tr><th>Star</th><th>Ranking</th></tr></table>');

$('#stars').hide();

for(var i = 0; i< len; i++){

var rankingStars = "";

for(var s = 0; s < results.rows.item(i).ranking; s++){

rankingStars += "<img class='star' src='star.png'>";

}

$('#stars tr:last').after('<tr><td>'+results.rows.item(i).naam+'</td><td>'+rankingStars+'</td></tr>');

}

$('#stars').show('slow');

}

}, null);

});

}

</script>

</head>

<body>

<div id="container">

<div id="inputForm">

<input type="text" name="star" placeholder="star">

<input type="text" name="ranking" placeholder="ranking">

<button onclick="starToevoegen()">toevoegen</button>

</div>

<table id="stars">

<tr><th>Star</th><th>Ranking</th></tr>

<tr><td></td><td></td></tr>

</table>

</div>

</body>

</html>}

zaterdag 31 maart 2012 18:55

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Sorry, maar zo werkt het hier niet; het is niet de bedoeling dat je hier een lap code dumpt (en al helemaal niet zonder code tags die het tenminste nog leesbaar maken

) en dat wij dan even de oplossing aandragen of de fout spotten. Zie daarvoor ook Kan iemand even...?.

Open gerust een nieuw topic, maar hanteer dan even onze Quickstart waarin je precies leest wat we van een topicstart verwachten hier

Let daarbij wel even op dat "Ik ben even de kluts kwijt" geen accurate omschrijving is van je probleem en we daarmee dus niet weten waar we je dan concreet mee zouden moeten helpen. Ook kreten als "Heb van alles getest maar niks werkt echt" zijn natuurlijk zinloos als je niet aangeeft wat je dan getest hebt en wat er dan (precies) niet werkt.

[ Voor 22% gewijzigd door RobIII op 31-03-2012 18:57 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.