webForumDet fria alternativet

simpel drag and drop med php databas

1 svar · 861 visningar · startad av kimmy

kimmyMedlem sedan feb. 201312 inlägg
#1

Jag har sökt och sökt, men hittar inte redigt det jag söker efter.

Jag har en lista som laddas från en databas.
Och där finns det ett fält som har radordningen(id="rad_nr").

Jag vill på ett enkelt sätt kunna dra en div-tag och placera den över en annan och på så sätt ändras värdet i databasen och listan sorteras om.

Det krångliga i detta är dock att det både ska fungera på mobil som datorn.

Någon som kan sparka en åt rätt håll?

(den bifogade bilden är hur det ser ut)

Så här ser koden ut nu, och det är en "rad", och som loppas så länge det finns data i databasen.

<div id="<? echo "".$info['id'] . ""; ?>rad" class="rad" style="background-color:<? echo $bgcolor; ?>;">

	<input type="hidden" name="program_id" value="<? echo $program_id; ?>">
	<input type="hidden" name="del" value="<? echo "".$info['del'] . ""; ?>">
	<input type="hidden" name="id" value="<? echo "".$info['id'] . ""; ?>">

	<div id="rad_nr">
		<input type="text" maxlength="2" id="<? echo "".$info['id'] . ""; ?>" class="rad_nr_input" name="nr" onkeyup="save_auto(this, this.id, this.name, this.value)" value="<? echo "".$info['nr'] . ""; ?>">
	</div>
	<div id="rad_type">
		<p id="rad_type_input"><? echo "".$info['type'] . "";?></p>
	</div>
	<div id="rad_name">
		<textarea rows="2" id="<? echo "".$info['id'] . ""; ?>" class="rad_name_input" onkeyup="save_auto(this, this.id, this.name, this.value)" name="titel"><? echo "".$info['titel'] . ""; ?></textarea>
	</div>
	<div id="rad_intro">
		<input type="text" maxlength="2" id="<? echo "".$info['id'] . ""; ?>" class="rad_intro_input" name="intro" onkeyup="save_auto(this, this.id, this.name, this.value)" value="<? echo "".$info['intro'] . ""; ?>">
	</div>
	<div id="rad_time">
		<input type="text" maxlength="5" id="<? echo "".$info['id'] . ""; ?>" class="rad_time_input" name="time" onkeyup="save_auto(this, this.id, this.name, this.value)" value="<? echo "".$info['time'] . ""; ?>">
	</div>
	<div id="rad_total">
		<div id="rad_total_input"><? echo $time; ?></div>
	</div>
	<div id="rad_note">
		<img class="rad_note_pic" id="<? echo "".$info['id'] . ""; ?>" src="<? echo $eye; ?>" onclick="open_note(this.id)">
	</div>

</div>
rader.PNG
GildebrandMedlem sedan juni 2009920 inlägg
#2

Drag and drop är client side, PHP är server side. Sök på jQuery Drag & Drop och du skall finna svar! Du måste då även använda PHP på servern för att spara ändringarna mot databasen!

136 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)