Ik ben er toch maar mee bezig gebleven en ik heb dat deel van die plaatjes opgelost. Ik heb nu de volgende code:
code:
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
101
102
103
104
| <html>
<head>
<script language="JScript"><!--
// the object that you are dragging:
var srcObj = new Object;
// string to hold source of object being dragged:
var dummyObj;
function startDrag(){
// get what is being dragged:
srcObj = window.event.srcElement;
// store the source of the object into a string acting as a dummy object so we don't ruin the original object:
dummyObj = srcObj.outerHTML;
dummyObj2 = srcObj.mylabel + "</br>";
// post the data for Windows:
var dragData = window.event.dataTransfer;
// set the type of data for the clipboard:
dragData.setData('Text', window.event.srcElement.src);
// allow only dragging that involves moving the object:
dragData.effectAllowed = 'move';
// use the special 'move' cursor when dragging:
dragData.dropEffect = 'move';
}
function enterDrag() {
// allow target object to read clipboard:
window.event.dataTransfer.getData('Text');
}
function endDrag() {
// when done remove clipboard data
window.event.dataTransfer.clearData();
}
function overDrag() {
// tell onOverDrag handler not to do anything:
window.event.returnValue = false;
}
function drop(a,b) {
// eliminate default action of ondrop so we can customize:
window.event.returnValue = false;
// manually add new attributes:
dummyObj = addAttribute(dummyObj, 'height="25" width="25" alt="' + srcObj.myLabel + '"');
dummyObj2 = addAttribute(dummyObj2, 'height="25" width="25" alt="' + srcObj.myLabel + '"');
// add the picture below shopping cart:
b.outerHTML += dummyObj + ' ' + dummyObj2 + ' ';
// change shopping cart message:
a.innerHTML = '<b>' + srcObj.myLabel + '<\/b> has been added to the shopping cart.';
}
// since we aren't working with an actual object, we will add our attributes manually:
function addAttribute(oObj, sVal) {
var loc = oObj.indexOf(">");
return oObj.substring(0, loc) + ' ' + sVal + '>';
}
//--></script>
</head>
<body>
<?
include ("c:/stevesup/Connections/connection.php");
$sql="SELECT * FROM personeel";
$resultaat = mysql_query($sql) or die (mysql_error()); ?>
<!------------------------------------PRODUCT BAR STATUS-------------------->
<div align="left" id="productBarStatus" style="font-family:arial; font-size:9pt">
Zet de verschillende mensen op de verschillende projecten
</div>
<!--------------------------------------PROJECTS-------------------------------->
<div align="left"> [img]"images/boot02.jpg"[/img]</div>
<!-------------------------------------MINI PRODUCT BAR--------------------->
<div align="center" id="miniProductBar" style="width:400px; height:10px;"></div>
<p> </p>
<p> </p>
<div align="center">
<table width="750" border="0">
<tr>
<? $teller=0; ?>
<? while ($row = mysql_fetch_array($resultaat, MYSQL_NUM)) { ?>
<td>
<!-----------------DRAG THESE IMAGES---------------------------->
[img]"/images/front-heftruck.gif"[/img] " border="1"><? echo " " . $row[1] . " " . $row[2];?>
</td><? $teller++;?>
<? if ($teller % 5 == 0 ) { echo "</tr><tr>"; } ?>
<? } ?>
</tr>
</table>
</div>
</body>
</html> |
Hoop dat mijn code niet te lang is..... Zie anders voorgaande berichten.. heb maar kleine aanpassingen gemaakt...
Mijn probleem is nu dat het plaatje dat ik het winkelwagentje plaats, moet verdwijnen uit de rij met plaatjes die ik kan slepen. Ik moet 1 plaatje dus niet vaker op mijn scherm kunnen hebben. Hij staat óf bij de keuzemogelijkheden, óf in het karretje.
Tja.. en dat wil dus niet lukken. Heb al vele andere scripts bekeken, maar ik krijg het niet voor elkaar om twee samen te voegen tot 1 goede....
Heeft iemand een voorstel??? Ik zou jullie wederom zeer dankbaar zijn.
:strip_exif()/u/9628/inforaction_ani.gif?f=community)
:strip_exif()/u/22479/169-back.gif?f=community)
Dit topic is gesloten.