Nu heb ik 2 vragen doe ik dit goed en is het mogelijk dat zodra er op de knop word geklikt er naast dat de variable word ingevoerd dat er ook een style sheet word gekozen want ik heb namelijk per knop een andere style sheet nodig.
Header.php
Index.php
Dit is de Javascript file.
[js]
//Dit is de code voor de inner cirkel.
$(document).ready(function() {
var segmentsMin = 5;
var segmentsMax = 40;
var Color;
var Segments123;
var $canvasContainer = $('#canvas-4');
var canvasSettings = {
segments: Segments123,
segmentsMin: segmentsMin,
segmentsMax: segmentsMax,
dimension: 600,
fillColorDefault: 'white',
fillColorInteract: Color,
strokeColor: 'black',
strokeWidth: 2,
interactColoring: true,
interactSegmenting: true,
buttonsHeight: 21,
buttonsWidth: 80,
buttonsMarginY: 20,
buttonsFillColor: '#FFF',
buttonsStrokeColor: '#000',
};
[/js]
Dus in het kort wil ik het volgende
Vanuit de Script moet een variabel in de javascript ingeladen worden genaamd segments123 zodra er op de knop word geklikt. ook moet dan de style sheet aangepast worden en dat licht er weer aan op welke knop er word geklikt.
Header.php
HTML:
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
<script src='http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.5.5.min.js'></script>
<script src="js/index.js"></script>
<body>
<div id="Locatie">
<form name="bgcolorForm">Welke kleur wil je
<select onChange="if(this.selectedIndex!=0)
Color=this.options[this.selectedIndex].value">
<option value="choose">set background color
<option value="Red">Red
<option value="Blue">Blue
<option value="Green">Green
<option value="Yellow">Yellow
<option value="Purple">Purple
<option value="Pink">Pink
</select>
</form>
<input type="button" onClick="Segmenten(30)" value='6 Vragen'>
<input type="button" onClick="Segmenten(35)" value='7 Vragen'>
<input type="button" onClick="Segmenten(40)" value='8 Vragen'>
</br>
</br>
<button onclick="DisableWrite()">Disable Text field</button>
<button onclick="EnableWrite()">Enable Text field</button>
<input id="Reset" type="button" value="Reset">
</br>
</br>
Bent u klaar ? Klik dan hier <input type="button" onclick="printDiv('printableArea')" value="Klaar" />
</div>Index.php
PHP:
<?php
include 'Header.php';
?>
<script>
function Segmenten(i){
i=Segments123;
return;
}
</script>Dit is de Javascript file.
[js]
//Dit is de code voor de inner cirkel.
$(document).ready(function() {
var segmentsMin = 5;
var segmentsMax = 40;
var Color;
var Segments123;
var $canvasContainer = $('#canvas-4');
var canvasSettings = {
segments: Segments123,
segmentsMin: segmentsMin,
segmentsMax: segmentsMax,
dimension: 600,
fillColorDefault: 'white',
fillColorInteract: Color,
strokeColor: 'black',
strokeWidth: 2,
interactColoring: true,
interactSegmenting: true,
buttonsHeight: 21,
buttonsWidth: 80,
buttonsMarginY: 20,
buttonsFillColor: '#FFF',
buttonsStrokeColor: '#000',
};
[/js]
Dus in het kort wil ik het volgende
Vanuit de Script moet een variabel in de javascript ingeladen worden genaamd segments123 zodra er op de knop word geklikt. ook moet dan de style sheet aangepast worden en dat licht er weer aan op welke knop er word geklikt.
Laatst bewerkt door een moderator:
