[PHP] pagina realtime updaten met [Javascript] - Softwareontwikkeling

vrijdag 21 mei 2004 09:49

Acties:

Verwijderd

Topicstarter

Hallo,

Ik ben op dit moment bezig met een product waarmee gebruikers een gehele site kunnen opbouwen en invullen, dit wordt gedaan met het gebruik van absolute divjes. Die elk tekst of een foto bevatten.

De postitie en uiterlijk van zo'n content blok wordt genereerd door left, top, width en height waardes die een gebruiker kan invoeren. Hier wil ik echter vanaf.

Ik wil de gebruiker de mogelijkheid geven om de positie van een dergelijke content blok (divje) realtime te kunnen veranderen zonder dat de hele pagina gefreshed moet worden.
Ik weet dat PHP dit realtime gedeelte niet alleen kan afvangen. Dus ik zou het moeten doen middels javascript. Heeft iemand een voorbeeld of een advies waarmee ik aan de slag kan?

Dus stel je voor dat een gebruiker een nieuw tekst blokje heeft toegevoegd. Een mogelijkheid kan dan zijn dat aan dit divje twee knopjes zijn geplakt met een < en een > teken waarop de gebruiker kan klikken. Per klik op de > teken zal dan de div naar recht worden geplaats (realtime).

Iemand?

Gr Rappas

vrijdag 21 mei 2004 09:55

Acties:

glashio

C64 > AMIGA > PC

Is dit wat je zoekt ?

> Google Certified Searcher
> Make users so committed to Google that it would be painful to leave
> C64 Gospel
> [SjoQ] = SjoQing

vrijdag 21 mei 2004 09:58

Acties:

Pelle

🚴‍♂️

Je kunt toch de positie van de divs in een hidden input stoppen, en die vervolgens naar de server sturen en aan de hand van de waardes uit je database de pagina weer opbouwen?

vrijdag 21 mei 2004 10:00

Acties:

BtM909

Watch out Guys...

1. Groeten hoeft niet meer onderaan je post
2. Je kan toch de properties aanpassen van je div. De meeste browsers displayen dat realtime.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 mei 2004 10:02

Acties:

Verwijderd

Topicstarter

Ok geen groeten meer

.

Ik zal er naar kijken, tnx voor de snelle reactie.

vrijdag 21 mei 2004 10:07

Acties:

McVirusS

Wat heb je zelf al geprobeert?

vrijdag 21 mei 2004 10:10

Acties:

Verwijderd

Topicstarter

Nog niet veel, ik had eerst de situatie die ik heb uitgelegd ontwikkeld, maar daar wil ik dus van af. Het realtime gedeelte is iets nieuws voor me.

vrijdag 21 mei 2004 10:16

Acties:

Oysterhoys

function moveright(a){ get Element... .style.left= getElement....style left + a

form : input type=text value = " >" onclick= moveright(20)

slordig, maar zo gaat het!
als ik het moet spellen moet je het maar zeggen

A friend is one who knows us, but loves us anyway.

vrijdag 21 mei 2004 10:25

Acties:

drm

f0pc0dert

Ik zou met behulp van een service-framepje (iframe) de zut naar de server submitten, en de submitknop gewoon in tact houden. Mensen doen ook nog wel eens perongeluk iets fout, en dan is het toch lullig als het al verstuurd is zonder dat ze 't in de gaten hebben.

Dus iets in de trant van

HTML:

<iframe id="serviceFrame" name="serviceFrame" style="display:none;"></iframe>
<form method="get" action="update.php" onsubmit="loadInputs(this)" target="serviceFrame">
   <input type="submit" value="Posities opslaan" />
</form>

Waarbij je in de loadInputs functie er voor zorgt dat alle juiste waarden in het form terecht komen. Je zou dan in die update.php een response m.b.v. javascript terug kunnen geven, bijvoorbeeld

code:

1	<script>alert ( 'Uw wijzigingen zijn doorgevoerd' )</script>

of iets van dien aard.

edit:

Oysterhoys:
function moveright(a){ get Element... .style.left= getElement....style left + a

form : input type=text value = " >" onclick= moveright(20)

slordig, maar zo gaat het!
als ik het moet spellen moet je het maar zeggen

Waar jij het over hebt is me een raadsel, en met mij waarschijnlijk vele anderen. Kun je volgende keer gewoon meteen spellen, want hier heeft niemand wat aan

[ Voor 23% gewijzigd door drm op 21-05-2004 10:26 ]

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

vrijdag 21 mei 2004 10:28

Acties:

Verwijderd

Topicstarter

Oysterhoys schreef op 21 mei 2004 @ 10:16:
function moveright(a){ get Element... .style.left= getElement....style left + a

form : input type=text value = " >" onclick= moveright(20)

slordig, maar zo gaat het!
als ik het moet spellen moet je het maar zeggen

Misschien iets netter

. Met name bij de getElement functies? Alvast bedankt, want ik denk dat dit het is.

vrijdag 21 mei 2004 10:42

Acties:

Oysterhoys

<html>
<head>
<title>Template</title>
<script type="text/javascript" language="javascript" >

</script>
<noscript>
Deze site gebruikt Javascript. Download een recente browser, of zet Javascript aan in je browser.
</noscript>
<style type="text/css" media="screen">

body {
COLOR: #000; BACKGROUND: #fff url(none) no-repeat scroll center center ;
PADDING:0px; FONT: normal normal normal 12px/14px arial, georgia;
TEXT-ALIGN: left; TEXT-DECORATION: none; TEXT-TRANSFORM: none;
OVERFLOW: hidden; CURSOR: default ; FILTER: none; }

#div_01 {
TOP: 100px; LEFT: 100px; WIDTH:100px; HEIGHT:100px;
POSITION: absolute; Z-INDEX: 1; DISPLAY: block; VISIBILITY: visible;
BORDER-COLOR: #000; BORDER-STYLE: solid; BORDER-WIDTH: 2px;
COLOR: #000; BACKGROUND: #fff url(none) no-repeat scroll center center ;
PADDING:10px; FONT: normal normal normal 12px/14px arial, georgia;
TEXT-ALIGN: left; TEXT-DECORATION: none; TEXT-TRANSFORM: none;
OVERFLOW: hidden; CURSOR: default ; FILTER: none; }

-->
</style></head><body>
<FORM style="position: absolute; top:10px; right:10px; z-index: 4;"><INPUT TYPE="BUTTON" ONCLICK="test(50)" VALUE="function"> </FORM>

<DIV ID=div_01> </DIV>

</body>
</html>

A friend is one who knows us, but loves us anyway.

vrijdag 21 mei 2004 10:48

Acties:

Oysterhoys

currentStyle is IE only !
( leest waarden van CSS )
anders moet je eerst alle 'style' waarden, met JS toekennen
en kun je ("div_01 ").style.left = document.getElementById("div_01 ").style.left gebruiken

A friend is one who knows us, but loves us anyway.

vrijdag 21 mei 2004 11:01

Acties:

Verwijderd

Topicstarter

Klopt het dat dit niet werkt?

vrijdag 21 mei 2004 11:08

Acties:

Oysterhoys

er zit een foutje in, maar dit is echt de weg.

moet ten eerste zijn:

function test(x) en ONCLICK="test('50')"

ik zal nog even verder kijken voor je.

Maar zo gaat het altijd je hebt een ,idee en dan moet je tien details wegwerken,
90% syntax fouten

A friend is one who knows us, but loves us anyway.

vrijdag 21 mei 2004 11:15

Acties:

Oysterhoys

moet ook zijn ...byId("div_01") zat spatie in.
Probleem is verder dat currentStyle een textstring is, bijv "243px"
Moet je "px" vanaf halen, omzetten tot integer, dan optellen, dan "px" er weer aanplakken, dan moet ! het werken.

A friend is one who knows us, but loves us anyway.

donderdag 27 mei 2004 23:57

Acties:

Joen

I'm guessing you're searching for this:
http://www.interactivetools.com/products/htmlarea

K vind em zelf op sich wel handig en is best goed aan te passen.
Ik gebruik em alleen niet echt meer voor een site.

vrijdag 28 mei 2004 09:05

Acties:

Verwijderd

Dynamisch weergeven van script output

vrijdag 28 mei 2004 12:56

Acties:

Cavalera125

Oysterhoys schreef op 21 mei 2004 @ 10:42:
<html>
<head>
<title>Template</title>
<script type="text/javascript" language="javascript" >

</script>
[...]

En dan neem ik aan dat je dat ook nog wilt opslaan in je database? Je zou dat ook meteen kunnen doen in de functie mover(x){}. Ik zou dat doen door ergens in de site een <IMG> te plaatsen van 1 bij 1. En daarvan dan de SRC te laden door php. Php laat je dan een transparante bit teruggeven. Voordat je dat bit laat teruggeven verwerk je dan eerst alle gegevens. Bijvoorbeeld:

code:

function mover(x){
document.getElementById("div_01 ").style.left =
document.getElementById("div_01 ").current Style.left + x ;

left = document.getElementById("div_01 ").style.left;

document.plaatje.src = 'writedb.php?left=' + left;
   }

[ Voor 10% gewijzigd door Cavalera125 op 28-05-2004 12:57 ]

maandag 7 juni 2004 09:42

Acties:

Verwijderd

Topicstarter

Ok bedankt, maar krijg een javascript error bij dit script. "; expected"

maandag 7 juni 2004 09:47

Acties:

glashio

C64 > AMIGA > PC

Verwijderd schreef op 07 juni 2004 @ 09:42:
Ok bedankt, maar krijg een javascript error bij dit script. "; expected"

Tijd om >Hier< eens in te verdiepen... Suc6

> Google Certified Searcher
> Make users so committed to Google that it would be painful to leave
> C64 Gospel
> [SjoQ] = SjoQing

maandag 7 juni 2004 09:49

Acties:

André

Analytics dude

Verwijderd schreef op 07 juni 2004 @ 09:42:
Ok bedankt, maar krijg een javascript error bij dit script. "; expected"

Sjonge jonge:

code:

function mover(x)
{
  document.getElementById("div_01").style.left = document.getElementById("div_01").style.left + x + "px";

  left = document.getElementById("div_01").style.left;

  document.plaatje.src = "writedb.php?left=" + left;
}

[ Voor 19% gewijzigd door André op 07-06-2004 09:55 ]

Pagina: 1

Reageer