Page History

...

Usage

{move-to:targetId|hidesource=false|showtarget=false}
stuff to move
{move-to}

{move-to:target=targetId|hidesource=false|showtarget=false}
stuff to move
{move-to}

...

Examples

Defining the target

...

Before

you

can

move

content

in

to

a

target,

you

first

need

to

define

the

target!

The

target

can

be

any

HTML

element

with

an

"id"

attribute,

but

we

recommend

using

a

{{

<span>

}}

or

{{

<div>

}}

element

as

shown

below:

Code Block
{code} {div:id=target1}You can even have default content in the target - stuff to show should nothing get moved to the target :){div} {code}

Which

results

in:

{:=

Div
id	target1
}You can even have default content in the target - stuff to show should nothing get moved to the target :){div} *target

Note:

*

The

"id"

needs

to

be

unique

on

the

page

-

never

use

the

same

id

more

than

once

per

page!

We

recommend

using

descriptive

names

for

id's

such

as

"target-see-also-links",

but

for

this

tutorial

we're

going

to

be

really

lazy

and

just

call

them

target1,

target2,

etc.

As

you

can

see,

it

looks

just

like

normal

content,

but

that

"id"

means

that

you

can

move

stuff

in

to

it,

which

we'll

disuss

more

further

down

this

page.

But

before

that,

let's

look

at

a

few

other

things

you

can

do

with

targets...

You

can

customise

your

target,

for

example:

Code Block
{code} {div:id=target1|style=background-color:yellow;} whoo! yellow background {div} {code}

Which

gives:

{:=

Div
style	background-color:yellow;
} whoo! yellow background

You get the general idea. In many cases, you will also want to hide the target until it has something moved in to it:

Code Block
background {div} You get the general idea. :) In many cases, you will also want to hide the target until it has something moved in to it: {code} {div:id=target1|style=background-color:yellow;display=none;} this will only appear when something is moved here {div} {code}

The

"dislay=none"

bit

hides

the

target.

Moving content to a target

 

Wiki Markup
Now we've got our target defined, we need to move some content in to it as follows: {code} {div:id=target2|style=background-color:yellow;} this is my target {div} {move-to:target2}this is my stuff to move{move-to} {code} Which results in: {div:id=target2|style=background-color:yellow;} this is my target {div} {move-to:target=target2}this is my stuff to move{move-to}

 

Moving to a hidden target

unmigrated-wiki-markup

 

As

we

mentioned

earlier,

you

can

define

hidden

targets

that

only

appear

when

something

is

moved

in

to

them:

{

Code Block

} {div:id=target3|style=background-color:yellow;display:none;} this will only appear when something is moved here {div} {div:id=target4|style=background-color:blue;display:none;} this will only appear when something is moved here {div} {move-to:target=target3}make target 3 appear!{move-to} {code} Which gives: {div:id=target3|style=background-color:yellow;display:none;} this will only appear when something is moved here {div} {div:id=target4|style=background-color:blue;display:none;} this will only appear when something is moved here {div} {move-to:target=target3}make target 3 appear!{move-to} As you can see, our "target4" (with the blue background) doesn't appear because nothing has been moved to it.

As you can see, our "target4" (with the blue background) doesn't appear because nothing has been moved to it.

 

CSS Customisation

Not applicable for this macro.

...