drag-and-drop « WordPress.com Tag Feed

Windows Drag & Drop not working

Carl — Fri, 20 Nov 2009 14:17:51 +0000

My Windows XP Pro computer developed an interesting problem… Drag and drop stopped working. I couldn’t move emails between folders, change desktop icon position, tear out a browser tab, etc. After a bit of searching I found a fix for it, based on this MS article:

KB274696

The basics of the article are correct; however, the steps are incomplete for XP. Here’s an updating of the instructions:

Start->Run, type dcomcnfg, enter.
Expand Console Root->Component Services->Computers->My Computer.
Right-click My Computer and choose Properties.
Go to the COM Security tab and click Edit Default… under Access Permissions.
Verify that both System and Interactive are listed with Allow Access. If either are missing, add them by clicking Add.
In the List Names From box, make sure that the local computer name is listed.
Type interactive or system as appropriate (mine was missing Interactive).
Click OK.
Make sure that Allow is checked on Local Access for both users.
Click OK.

Mine immediately started working without a reboot.

Google wave ... its cool

vishalkardode — Sun, 08 Nov 2009 07:10:00 +0000

I got the invitation to join the Google wave today. And it is another cool application from google. As a google product , I had few exceptions from it. And it proves that the google Prodduct.

Looks are simple and cool. Amazing effects added. And it gives you great experience. Look at the Following screengrab.

You have your folders and contacts on left most. Inbox (? waves) in middle and whole wave on right side. You can minimize the each tab / panel and it goes to the upper empty space. you can select the width of each tab / panel. Well this one is quite basic needs , you have to have it.

Now look at the screengrab bellow. You can embed video in your mail and play it from there itself.

And this is not ends here. You can have installed application like games , and play with your friends , see the score and much more. All in your mail (wave).

The feature list doesn’t ends here. The most surprising feature was that I can Drag-n-Drop image from my desktop onto the wave .

Well thease are the first few features I noticed in first view. I will post others as I go through it.

have a good waving experiance !!!!

Sploder - pra garotada desenvolver seus games

enioaragon — Wed, 28 Oct 2009 05:41:46 +0000

Sploder é um ambiente de programação visual, drag and drop para a criação de jogos, tanto no estilo de rolagem (side scrolling) como de tiros (shooter). Tem funcionalidades as vezes parecido com o Scratch do MIT. A interface de construção é muito fácil e intuitiva, bastando ver o demo para aprender o básico. É necessário fazer registro para salvar e compartilhar os jogos criados. Na página da comunidade existem intruções passo a passo incluindo “o que não fazer na construção de um game“. Veja alguns exemplos de jogos.

Blockbuster Like Drag and Drop Sorting with jQuery - Pt 1

rickyrobinett — Tue, 27 Oct 2009 16:12:32 +0000

Recently, I was faced with the task of creating an interface that allows a user to sort content in a similar fashion to the Blockbuster online queueing system. The Key features of this system are the ability to sort items via drag and drop, via altering the sort order number for the item in a text box or via a ‘move to top’ button. In addition there is the ability to remove an item from the sort and for my purposes I created a ‘move to bottom’ button.

I implemented these features using the jQuery framework.

In a follow up post I’ll breakdown this code piece by piece, show the serialization of this data and the ability to add items to the list. But for now, I just wanted to get this code out there.

Here’s the code:

<html>
<head>
<title>
jQuery Blockbuster Sorting Example
</title>

<script type="text/javascript" src="/admin/includes/jquery.js" ></script>
<script type="text/javascript" src="/assets/js/ui/ui.core.js"></script>
<script type="text/javascript" src="/assets/js/ui/ui.draggable.js"></script>
<script type="text/javascript" src="/assets/js/ui/ui.droppable.js"></script>
<script type="text/javascript" src="/assets/js/ui/ui.sortable.js"></script>

<script type="text/javascript">
$(function() {
$("#items").sortable({
items: 'li',
cursor: 'move',
stop:     function (){
renumberItems();
}
});

});
function moveUp(instanceID) {
$('#'+instanceID).insertBefore($('#items > li[class!=headerItem][class!=spacerItem]:first'));
renumberItems();
}
function moveDown(instanceID) {
$('#'+instanceID).insertAfter($('#items > li[class!=headerItem][class!=spacerItem]:last'));
renumberItems();
}

function removeItem(instanceID) {
$('#'+instanceID).remove();
renumberItems();
}

function renumberItems(){
count = 1;
$('#items li').each(function (i) {
id = $(this).attr('id');
$('#'+id+'-order').attr('value',count);
count++;
});
}

function reOrderItems(instanceID) {
var curPos = $('#items > li[class!=headerItem][class!=spacerItem]').index($('#'+instanceID))+1;
if($('#'+instanceID+'-order').attr('value') < curPos){
$('#'+instanceID).insertBefore($('#items > li[class!=headerItem][class!=spacerItem]')[$('#'+instanceID+'-order').attr('value')-1]);
} else {
$('#'+instanceID).insertAfter($('#items > li[class!=headerItem][class!=spacerItem]')[$('#'+instanceID+'-order').attr('value')-1]);
}
renumberItems();
}

</script>

</head>
<body>
<ul id="items">

<li id="1"><a href="#" onClick="moveUp(1);return false;" title="Send this item to the top">Send To Top</a> <a href="#" onclick="moveDown('1');return false;" title="Uncategorize this item">Send To Bottom</a>
<input onchange="reOrderItems(1)" type="text" name="Order1" id="1-order" value="1" size="5">
A very good movie
<a href="##" onClick="removeItem(1);return false;">Remove Item</a>

</li>

<li id="2"><a href="#" onClick="moveUp(2);return false;" title="Send this item to the top">Send To Top</a> <a href="#" onclick="moveDown('2');return false;" title="Uncategorize this item">Send To Bottom</a>
<input  onchange="reOrderItems(2)" type="text" name="2" id="2-order" value="2" size="5">
A good movie
<a href="##" onClick="removeItem(2);return false;">Remove Item</a>
</li>

<li id="3"><a href="#" onClick="moveUp(3);return false;" title="Send this item to the top">Send To Top</a> <a href="#" onclick="moveDown('3');return false;" title="Uncategorize this item">Send To Bottom</a>
<input  onchange="reOrderItems(3)" type="text" name="Order3" id="3-order" value="3" size="5">
An ok movie
<a href="##" onClick="removeItem(3);return false;">Remove Item</a>
</li>

<li id="4"><a href="#" onClick="moveUp(4);return false;" title="Send this item to the top">Send To Top</a> <a href="#" onclick="moveDown('4');return false;" title="Uncategorize this item">Send To Bottom</a>
<input  onchange="reOrderItems(4)" type="text" name="Order4" id="4-order" value="4" size="5">
My wife wanted this movie
<a href="##" onClick="removeItem(4);return false;">Remove Item</a>
</li>
</ul>
</body>
</html>

Changing the drag cursor in C#

prajwalan — Tue, 13 Oct 2009 19:32:27 +0000

While implementing drag and drop operation, it might be necessary to change the drag cursor. There c

Moving Clips in Timeline

boldea — Wed, 07 Oct 2009 08:42:06 +0000

Second Game Prototype: First Test of Reusability

Angelica Gomez — Sun, 04 Oct 2009 08:39:58 +0000

For our second game, we chose system of linear equations as our next topic. We also chose drag-and-

Planifica tareas con Projectplace Planner

Juan Pablo Medina de la Cruz — Thu, 24 Sep 2009 15:36:08 +0000

Estamos en un momento del curso en el que se nos piden programaciones de asignaturas y de actividades, y esta aplicación online nos puede servir para realizar esta tarea. Projectplace Planner es una herramienta que nos permite de una forma sencilla realizar una planificación o programación de tareas y actividades. Mediante el procedimiento de arrastrar y soltar -Drag and Drop- podemos ir añadiendo tareas, es mas todos los participantes en la programación pueden colaborar en la misma y todos recibirán información (inmediata, diaria, semanal, mensual) de los ajustes y modificaciones que posteriormente se realicen. Projectplace Planner se puede utilizar sin necesidad de registro, pero esta versión Beta tiene unas funcionalidades mas limitadas, se puede planificar, añadir detalles, responsabilidades y plazos, el plan es público y se puede imprimir y/o guardar en formato pdf. En la versión registrada se pueden realizar mas planes y sin ninguna limitación.

La interfaz de Projectplace Planner es muy intuitiva y los planes se muestran en modo lista o a lo largo de una linea del tiempo.

Para aprender a utilizar Projectplace Planner se puede visualizar el vídeo que se incluye en su web y al que se accede pulsando sobre la opción “Get stated”.

Como dicen en su web “Fast, Easy, Now”. Rápido, Fácil y Ahora. El futuro de la planificación ya está aquí.

Enlaces:

Projectplace Planner.

Visto en:

Feedmyapp.

Área de trabajo de Projectplace Planner

Objeto multivista

velnear — Thu, 10 Sep 2009 05:07:18 +0000

El objeto multivista lo podemos comparar con el “doble bala” que teníamos con Velneo 6x, pero esta vez tenemos más posibilidades. No es doble, sino que es “n”, es infiniiiiiiiiito quiero decir que podemos visualizar tantas posibilidades como queramos o como el diseño de la aplicación y la usabilidad lo permitan.

A continuación expongo una mini-reseña de uso de este objeto, que nos brinda muchas posibilidades y vamos a ver una de ellas, muy básica:

En mi caso el multivista muestra en modo multiobjeto, en primer lugar un arbolado de ubicaciones y a continuación un casillero con los libros en ella.

Tabla asociada: de la que vamos a mostrar los registros
Objeto 1: Objeto de lista que nos mostrará los registros de la tabla anterior. Puede ser cualquier objeto de lista, como: una rejilla, árbol, otro multivista, etc.
Proceso sincronizador: proceso de origen ficha de la tabla anterior que hará que se carguen los registros de la vista siguiente. Recordad siempre, origen ficha, porque este proceso se lanzará cuando nos posicionemos en uno de los registros de la tabla del objeto 1.
Objeto 2: Objeto de lista que nos mostrará los registros de la tabla que se hayan cargado en el proceso sincronizador anterior.
Proceso sincronizador: lo mismo de antes… y así hasta tener tantas vistas como desees…

Por último el multivista lo insertaremos como “control objeto” dentro de un formulario, ya sea este primer formulario con origen alguna tabla o ninguna, da igual.

En el control objeto que lo lanza, llamamos primero a una búsqueda que indicará que lista de registros se mostrará y a continuación al propio multivista.

Y este es el resultado:

El primer objeto es un árbol y el segundo es un casillero. El casillero tiene a su vez un drag & drop.

Drag and Drop

velnear — Wed, 02 Sep 2009 22:00:12 +0000

¿Qué es?

El “drag” es una propiedad que podemos asignar a los controles de un formulario, que en vdevelop la tenemos en castellano:

“Arrastrable para mover”: no mantiene en la lista original el registro que hemos arrastrado
“Arrastrable para copiar”: mantiene en la lista original el registro que hemos arrastrado, con lo cual podemos hacer de nuevo el drag sobre el mismo registro.

El “drop” es un sub-objeto que tenemos disponible en los objetos de lista, por ejemplo en rejillas y casilleros. Este sub-objeto lo que hace a su vez es una llamada a un proceso determinado.

¿Cómo se hace?

En primer lugar quiero resaltar que es sumamente sencillo realizarlo y en ejecución es muy visual, queda bien y me parece que hace los entornos de las aplicaciones mucho más intuitivos

Definir el proceso de drop. Se deberá indicar en propiedades del proceso la tabla de origen y la tabla de destino. La de origen será la misma del objeto en el que hacemos el “Drag” y la de destino será la del “Drop”. Por ejemplo, yo genero desde un casillero de libros, arrastrando desde ahí genero automáticamente el préstam
En el casillero de origen, marcar la propiedad “Arrastrable para…”
En el casillero de destino, crear el sub-objeto “Drop” que llame al proceso generado en el paso 1.
A continuación para que refresque se indica en el formulario el evento con la instrucción para recalcular control.

Y ya está!

11. Friday Pressure!!! /Part 1: 'boring and no fun'/

gulard — Sat, 29 Aug 2009 02:33:18 +0000

The first ‘pressurized’ part of our Friday was our presentation with our adviser Dr. Car

How to clean up sound recording for better quality voice audio - a great and simple App free from the Conversations Network

tony serve — Sun, 16 Aug 2009 07:44:16 +0000

Tips for better results from your voice recordings It’s not easy to get decent sound quality i

drag failed..

joanbagunu — Thu, 13 Aug 2009 13:36:22 +0000

//Aug 3- Aug 7 As was agreed during our first lab presentation, we had our second lab presentation l

“Here Comes our First” Series :3. (Dragging and Dropping Fail.)

aubreygraze — Thu, 13 Aug 2009 13:31:16 +0000

Joan was finally able to make drag and drop work (with the mouse). We integrated her work and mine a

Quick Tip: How To Change Window Size

techpaul — Fri, 07 Aug 2009 19:42:39 +0000

Changing the size of a window Adjusting the size and shape of a window (or windows) allows for great

Hard Mondays

jmstajuana — Tue, 04 Aug 2009 14:37:05 +0000

Last monday was the second thesis presentation for WSG. Since Sir Rom said presentations shall be do

Central Desktop Hero / Central Desktop Hacks

johnschuller — Mon, 03 Aug 2009 22:11:47 +0000

This will be a short post today. I just came across two Central Desktop related blogs that I think are well worth your time.

The first one “Central Desktop Hero” appears to be very active and contains tips on Status Updates, the Outlook Plugin, Firefox Quick Searches and Quickly Creating and Uploading of Multiple Folders through Drag and Drop. Let’s just say this guy has beat me to the punch on a few things! I think that this blog is a great resource for information. To me the best part is, that this is maintained by a real Central Desktop user. (or shall I say “Hero”!)

The second blog is called “Central Desktop Hacks“. This blog hasn’t been updated in quite some time, but has amazing promise. Maybe I should pester this guy a bit? The blog is focused on Central Desktop Work Arounds or “Hacks”. As you may already be aware, because Central Desktop is so customizable and always under development – not every feature that is possible has been implemented. This situation leads us to coming up with Work Arounds to the issue. Some work arounds are very obvious, some are not. What is great about this blog is it again coming from a real Central Desktop user.

I will let you know if I come across any other great blogs related to Central Desktop or collaboration tips.

Content Generator – produzindo conteúdo em Flash

enioaragon — Tue, 21 Jul 2009 05:30:39 +0000

Content Generator permite a criação de quizzes, jogos e conteúdos em Flash para e-learning, através de software próprio, sem precisar saber codificar. O site disponibiliza também conteúdos prontos que podem ser modificados. Diversas formas de questões podem ser aplicadas como múltipla escolha, drag & drop, diagramas interativos, entre outros. Todos utilizam temas para agradar os alunos. Veja o showcase.

[ratings]

Disco, la forma más fácil de grabar

ihache — Mon, 20 Jul 2009 14:13:21 +0000

Acabo de descubrir una aplicación que me ha convencido totalmente, rápida, simple, con resultados óptimo y con una interfaz preciosa. Una aplicación Mac en toda regla. Disco es el programa perfecto para grabar contenido de nuestro mac en CD o DvD. Aunque algunos digan que es la alternativa perfecta para Tosast Titanium, no lo veo así, ya que esta aplicación no dispone de tantas opciones como la tostadora, pero sin duda, ambas tienen cavidad en mi HD.

Cuando estéis grabando tendréis un efecto muy chulo:

El programa ya viene preparado para que funcione 100%, eso sí, NO ACTUALIZAR.

salu2

Implement Drag and Drop to WebScheduler using WebDragDropExtender

erikaa — Mon, 20 Jul 2009 06:29:17 +0000

In WebScheduler, events can be dragged and dropped from one cell to another cell in scheduler area. Related to this functionality, we have received requests to support drag and drop behavior from another control to WebScheduler where a new event will be created upon the drop action. Using Build 217 or higher, it is now possible to implement drag and drop behavior from another control to WebScheduler, with the help of WebDragDropExtender control.

WebDragDropExtender allows you to add drag and drop behavior between server or HTML controls. When implementing drag and drop behavior to WebScheduler, you can use any controls as DragControl as long as the drag behavior has been implemented in that control. In this blog, WebGrid is used as DragControl, as the drag behavior is a built-in implementation in WebGrid.

First, add WebScheduler and WebGrid to a page. Ensure all the events and data is displayed properly in both controls before you continue to the next step.

Both WebScheduler and WebGrid are configured to display data

In WebScheduler, the AllowDropFromExtender property needs to be enabled and the editing capabilities need to be enabled as well.

Next, add WebDragDropExtender control to the page. Add WebGrid in DragControls collection and WebScheduler in DropControls collection of WebDragDropExtender.

The following steps are needed to add WebGrid in DragControls collection:

Choose DragControls property and open WebDragControl Collection Editor dialog box.
Set WebGrid’s ID as the value of ControlID property.
Choose AdvancedProperties and AdvancedProperties dialog box will be opened.
Check Enable special integration with Intersoft control checkbox and check Allow dragging on checked rows checkbox. Note that WebGrid should have rowchecker-typed column.
Press OK in both dialog boxes.
WebDragControl Collection Editor dialog box

The following steps are needed to add WebScheduler in DropControls collection:

Choose DropControls property and open WebDropControl Collection Editor dialog box.
Set WebScheduler’s ID as the value of ControlID property.
Type the following attributes: Type=Custom,ComponentType=WebScheduler,DropableOnCell=True, in AdvancedProperties property.
Press OK.
WebDropControl Collection Editor dialog box

Finally, add OnDragStart and OnDragDrop client-side events in WebDragDropExtender control.

Add the following code in OnDragStart client-side event. The code will reinitialize drop controls every time the drag behavior started. This is needed because the selected view mode in WebScheduler might be different every time a drag behavior started, e.g: when user first drags a row and drop it to WebScheduler, the active view mode is Day view. Then, he changes the view mode to Month view. In this case, the drop controls needs to be reinitialized in order for the drag and drop behavior to work perfectly.

function DragStart(controlId, e)
{
      var obj = ISGetObject(controlId);
      obj.ReinitializeDropControls();
}

In OnDragDrop client-side event, you can implement the drop action according to your scenario. In this case, we will implement the code to add a new event according to the active view mode.

function DragDrop(controlId, e, dropObject)
{
  if (dropObject.IsSubObject)
  {
     var dropItem = dropObject.SubObjectContext;

     if (dropItem.ItemType == "Cell" || dropItem.ItemType == "AllDayCell")
     {
        var s = ISGetObject("ws1");

        var subject = e.DragObject.Data.Rows[0].GetCell("Subject").Text;
        var startTime = "";
        var endTime = "";
        var allDayEvent = false;
        var resourceID = "1"; //currently hardcoded
        var el = dropItem.Element;

        switch (s.ViewSettings.SelectedViewMode)
        {
           case "Day":
           case "Week":
              if (dropItem.ItemType == "AllDayCell")
              {
                 allDayEvent = true;
                 startTime = endTime = s.GetDateTimeByCellElement(el, "Date");
              }
              else
              {
                 startTime = s.GetDateTimeByCellElement(el.children[0], "DateTime");
                 endTime = AddMinutes(startTime, 30);
              }

              if (s.IsInSplitViewMode)
                 resourceID = s.GetResourceByCellElement(el.children[0]).ResourceID;

              break;

              case "Month":
                 allDayEvent = true;
                 startTime = endTime = s.GetDateTimeByCellElement(el, "Date");
              break;
        }

        CreateNewEvent(resourceID, subject, startTime, endTime, allDayEvent);

        return true;
     }
  }
  return false;
}

Now, you can drag a row from WebGrid and drop it to WebScheduler in any cell area that you want. The selected dropped area is indicated by a dashed line border in the cell, enabling user to easily see whether or not the selected droppable area is the correct date and time to drop the object.

WebGridRow is dragged to WebScheduler

When the row is dropped, a new event will be created in the selected cell area. Note that previously abc row is dragged from WebGrid and dropped to 12 PM cell area. After it’s dropped, a new event with abc as its subject, will be created in 12 PM cell area with 30 minutes duration (can be specified in the code).

A new event is created when the row is dropped to WebScheduler

This drag and drop behavior is applicable in view modes that include cells in its layout, so Agenda, Year, and Quarter views are not supported. You can download the sample here. Feel free to give feedback or comments. Have a great day !

Fixing My Mac

mediaslinky — Thu, 09 Jul 2009 02:15:58 +0000

I have been recovering from the loss of 700GB of data and a logic board. Since Apple, in it’s