drag & drop

vitalius · 21.06.2006, 11:40

Так, задача минимум состоит в том, что:

Дано:
есть древовидный список каталогов, есть текст в обьекте Div.

Надо:
чтобы при перетаскивании мышой текста на какой либо пункт древовидного списка, в директории, соответствующей названию каталога создавался файл *.txt с содержанием теста DIV.

Знаю, что это используется во многих CMS. - вопрос, у кого есть такой код, или CMS с такой замечательной функцией.

vision · 21.06.2006, 19:32

vitalius, я незнаю ни одно CMS у которой былабы подобная функция. И эта задача уже не PHP, а видимо JavaScript

vitalius · 22.06.2006, 13:51

соответственно и пхп и яваскрипта. видел я такую херню... тока где???

Scroll · 22.06.2006, 16:36

vitalius, java-script вообще не поддерживает работу с файлами. Если только использовать библиотеку ActiveX, но тогда браузер будет выдавать предупреждение, типа "используется библиотека ActiveX, это может навредить вашей системе. Продолжить работу скрипта?". А PHP сам по себе на такое не способен.

dantistus · 22.06.2006, 17:58

Scroller, javascript'у в даном случае работать с файлами не надо. Функция javascript'а в данном случае - узнать, какой текст куда перетащили и послать соответствующий запрос на сервер. А файл создается уже на сервере.

Это тебе надо покопаться хорошенько в MSDN'е чтоб найти ответ, извини, сейчас ничем больше помочь не могу.

vitalius · 23.06.2006, 08:28

так, нужен код:
штобы при перетаскивании одного обьекта с зажатой клавишей и отпускании над другим выполнялось какое либо действие.
впринципе код "хватания, таскания и отпускания уже есть"

PHP код:


			
<SCRIPT language=JavaScript>

var isNav, isIE

if (parseInt(navigator.appVersion) >= 4) {

    if (navigator.appName == "Netscape") {

        isNav = true

    } else {

        isIE = true

    }

}

function setZIndex(obj, zOrder) {

    obj.zIndex = zOrder

}

function shiftTo(obj, x, y) {

    if (isNav) {

        obj.moveTo(x,y)

    } else {

        obj.filter = "invert()"

        obj.pixelLeft = x

        obj.pixelTop = y

    }

}

var selectedObj

var offsetX, offsetY



function setSelectedElem(evt) {

    if (isNav) {

        var testObj

        var clickX = evt.pageX

        var clickY = evt.pageY

        for (var i = document.layers.length - 1; i >= 0; i--) {

            testObj = document.layers[i]

            if ((clickX > testObj.left) && 

                (clickX < testObj.left + testObj.clip.width) && 

                (clickY > testObj.top) && 

                (clickY < testObj.top + testObj.clip.height)) {

                    selectedObj = testObj

                    setZIndex(selectedObj, 100)

                    return

            }

        }

    } else {

        var imgObj = window.event.srcElement

        if (imgObj.parentElement.id.indexOf("picture") != -1) {

            selectedObj = imgObj.parentElement.style

            setZIndex(selectedObj,100)

            return

        }

    }

    selectedObj = null

    return

}

function dragIt(evt) {

    if (selectedObj) {

        if (isNav) {

            shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))

        } else {

            shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))

            return false

        }

    }

}

function engage(evt) {

    setSelectedElem(evt)

    if (selectedObj) {

        if (isNav) {

            offsetX = evt.pageX - selectedObj.left

            offsetY = evt.pageY - selectedObj.top

        } else {

            offsetX = window.event.offsetX

            offsetY = window.event.offsetY

        }

    }

    return false

}

function release(evt) {

    if (document.all) {selectedObj.filter = ""}

    if (selectedObj) {

        setZIndex(selectedObj, 0)

        selectedObj = null

    }}

function setNavEventCapture() {

    if (isNav) {

        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)

    }

}

function init() {

    if (isNav) {

        setNavEventCapture()

    }

    document.onmousedown = engage

    document.onmousemove = dragIt

    document.onmouseup = release

}

</SCRIPT>



<META content="MSHTML 6.00.2800.1152" name=GENERATOR></HEAD>

<BODY text=#000000 link=#000000 bgColor=#ededed onload=init()>

<CENTER>

<DIV id=picture1>dfgdfg[img]Drag &amp; Drop Effect.files/primer56-1.gif[/img]</DIV>

<DIV id=picture2>[img]Drag &amp; Drop Effect.files/primer56-2.gif[/img]</DIV>

<DIV id=picture3>[img]Drag &amp; Drop Effect.files/primer56-3.gif[/img]</DIV>

<DIV id=picture4>[img]Drag &amp; Drop Effect.files/primer56-4.gif[/img]</DIV>

<DIV id=picture5>[img]Drag &amp; Drop Effect.files/primer56-5.gif[/img]</DIV>

Alkeeper · 06.07.2006, 10:41

Если только на базе AJAX замутить

vitalius · 07.07.2006, 12:58

AJAX ? шо за се таке технология грёбана?

dantistus · 07.07.2006, 13:48

Goooooogle

vitalius · 10.07.2006, 15:26

по AJAX'у нашёл, щас разбираюсь как енто к пхп подвязать...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Drop Down Menu. Как сделать две строки?	Peter Soloviev	HTML, CSS, JavaScript	1	19.04.2013 10:28
Вопрос о Drop Down Menu	Lander	HTML, CSS, JavaScript	5	23.02.2006 18:45

21.06.2006, 11:40	#1
vitalius	Так, задача минимум состоит в том, что: Дано: есть древовидный список каталогов, есть текст в обьекте Div. Надо: чтобы при перетаскивании мышой текста на какой либо пункт древовидного списка, в директории, соответствующей названию каталога создавался файл *.txt с содержанием теста DIV. Знаю, что это используется во многих CMS. - вопрос, у кого есть такой код, или CMS с такой замечательной функцией.

21.06.2006, 19:32	#2
vision	vitalius, я незнаю ни одно CMS у которой былабы подобная функция. И эта задача уже не PHP, а видимо JavaScript

22.06.2006, 13:51	#3
vitalius	соответственно и пхп и яваскрипта. видел я такую херню... тока где???

22.06.2006, 16:36	#4
Scroll	vitalius, java-script вообще не поддерживает работу с файлами. Если только использовать библиотеку ActiveX, но тогда браузер будет выдавать предупреждение, типа "используется библиотека ActiveX, это может навредить вашей системе. Продолжить работу скрипта?". А PHP сам по себе на такое не способен.

22.06.2006, 17:58	#5
dantistus	Scroller, javascript'у в даном случае работать с файлами не надо. Функция javascript'а в данном случае - узнать, какой текст куда перетащили и послать соответствующий запрос на сервер. А файл создается уже на сервере. Это тебе надо покопаться хорошенько в MSDN'е чтоб найти ответ, извини, сейчас ничем больше помочь не могу.

23.06.2006, 08:28	#6
vitalius	так, нужен код: штобы при перетаскивании одного обьекта с зажатой клавишей и отпускании над другим выполнялось какое либо действие. впринципе код "хватания, таскания и отпускания уже есть" PHP код: <SCRIPT language=JavaScript> var isNav, isIE if (parseInt(navigator.appVersion) >= 4) { if (navigator.appName == "Netscape") { isNav = true } else { isIE = true } } function setZIndex(obj, zOrder) { obj.zIndex = zOrder } function shiftTo(obj, x, y) { if (isNav) { obj.moveTo(x,y) } else { obj.filter = "invert()" obj.pixelLeft = x obj.pixelTop = y } } var selectedObj var offsetX, offsetY function setSelectedElem(evt) { if (isNav) { var testObj var clickX = evt.pageX var clickY = evt.pageY for (var i = document.layers.length - 1; i >= 0; i--) { testObj = document.layers[i] if ((clickX > testObj.left) && (clickX < testObj.left + testObj.clip.width) && (clickY > testObj.top) && (clickY < testObj.top + testObj.clip.height)) { selectedObj = testObj setZIndex(selectedObj, 100) return } } } else { var imgObj = window.event.srcElement if (imgObj.parentElement.id.indexOf("picture") != -1) { selectedObj = imgObj.parentElement.style setZIndex(selectedObj,100) return } } selectedObj = null return } function dragIt(evt) { if (selectedObj) { if (isNav) { shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY)) } else { shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY)) return false } } } function engage(evt) { setSelectedElem(evt) if (selectedObj) { if (isNav) { offsetX = evt.pageX - selectedObj.left offsetY = evt.pageY - selectedObj.top } else { offsetX = window.event.offsetX offsetY = window.event.offsetY } } return false } function release(evt) { if (document.all) {selectedObj.filter = ""} if (selectedObj) { setZIndex(selectedObj, 0) selectedObj = null }} function setNavEventCapture() { if (isNav) { document.captureEvents(Event.MOUSEDOWN \| Event.MOUSEMOVE \| Event.MOUSEUP) } } function init() { if (isNav) { setNavEventCapture() } document.onmousedown = engage document.onmousemove = dragIt document.onmouseup = release } </SCRIPT> <META content="MSHTML 6.00.2800.1152" name=GENERATOR></HEAD> <BODY text=#000000 link=#000000 bgColor=#ededed onload=init()> <CENTER> <DIV id=picture1>dfgdfg[img]Drag & Drop Effect.files/primer56-1.gif[/img]</DIV> <DIV id=picture2>[img]Drag & Drop Effect.files/primer56-2.gif[/img]</DIV> <DIV id=picture3>[img]Drag & Drop Effect.files/primer56-3.gif[/img]</DIV> <DIV id=picture4>[img]Drag & Drop Effect.files/primer56-4.gif[/img]</DIV> <DIV id=picture5>[img]Drag & Drop Effect.files/primer56-5.gif[/img]</DIV>

06.07.2006, 10:41	#7
Alkeeper	Если только на базе AJAX замутить

07.07.2006, 12:58	#8
vitalius	AJAX ? шо за се таке технология грёбана?

10.07.2006, 15:26	#10
vitalius	по AJAX'у нашёл, щас разбираюсь как енто к пхп подвязать...