JavaScript Prototye hoverclass

[DadyCool]

Hallo,

ich versuche grade sowas wie hier hinzubekommen:
https://newcfexamples.ajithmanmu.staxapps.net/pages/draganddrop1.cfm

Leider wird dort eine gepatchte Prototype varainte verwendet.

Wenn ich mein Elemt verschiebe, möchte ich gerne so rote punkte beim Platz wo es hingeschoben wird.

Sortable.create("drop",	{
			tag:'div', 
			containment: ['drop','drop2', 'drop3'],
			overlap:'horizontal',constraint:false,
			dropOnEmpty: true,
			hoverclass : 	'myHover',
			});

css:

.droparea {
min-width: 305px;
	min-height: 300px; 
}
.myHover{
	border: 3px dashed #666;
	

}

Das Problem, dass ich habe ist: Dass der Rahmen um die komplette Droparea angezeigt wird. Ich möchte den Rahmen aber gerne nur da anzeigen wo das Element hingezogen wird. (siehe Beispiel)

gruß
DadyCool

 

[theHacker]

border-top - wenn ich das richtig verstanden hab

 

[DadyCool]

border-top - wenn ich das richtig verstanden hab

hmm schwer zu erklären
Hier ist evtl nen besseres Beispiel: https://demo.easy-coding.de/igoogle/

Es geht um den gestrichelten Rahmen, der beim verschieben entssteht. Bei mir ist der über die komplette Spalte, anstatt nur da, wo das Element hingeschoben wird.

gruß
DadyCool

 

[DadyCool]

keiner eine Idee?