Hoe variabelnamen uit database toewijzen
Pagina: « vorige 1 2 3 4 volgende »
Enige wat ik kan bedenken is dat je het verkeerde paginanummer hebt.
Persoonlijk zou ik goede namen gebruiken, die aanduiden waar het bij hoort, zoals 'contact' ofzo.
Gewijzigd op 01/09/2023 14:00:10 door - Ariën -
- Ariën - op 01/09/2023 13:59:58:
Persoonlijk zou ik goede namen gebruiken, die aanduiden waar het bij hoort, zoals 'contact' ofzo.
Inderdaad
Code (php)
1
UPDATE content SET inhoud='nieuwe invoer' WHERE pagina = 'contact'
Gewijzigd op 01/09/2023 14:07:10 door - Ariën -
iets van onderstaande? geen idee!!
$inhoud = inhoud van placeholder[rij1titel1; ??
Alvast bedankt.
Gewijzigd op 01/09/2023 14:42:41 door Paul Weiss
Ik heb nog nooit met contenteditable gewerkt, maar ik lees dat dit niet direct als een formulier-element gezien wordt. Je zult een verborgen lege formulierelement input type="hidden" moeten aanmaken met bijv. de naam hiddenTextarea, en die de waarde geven van je contenteditable (bijv. myContentEditable). De copyContent() functie wordt aangeroepen bij het verzenden van je formulier, en vanaf dan heb je de invoer in $_POST['hiddenTextarea'] staan.
Code (php)
1
2
3
4
5
2
3
4
5
function copyContent () {
document.getElementById("hiddenTextarea").value =
document.getElementById("myContentEditable").innerHTML;
return true;
}
document.getElementById("hiddenTextarea").value =
document.getElementById("myContentEditable").innerHTML;
return true;
}
Code (php)
1
2
3
2
3
<form action='whatever' onsubmit='return copyContent()'>
De rest van je formulier met een submitknop en e.v.t andere elementen naar eigen wens.
</form>
De rest van je formulier met een submitknop en e.v.t andere elementen naar eigen wens.
</form>
Je kan natuurlijk ook i.p.v. contenteditable een off-the-shelf product kiezen als TinyMCE of CKeditor.
Gewijzigd op 01/09/2023 14:50:21 door - Ariën -
Ik ga er verder mee aan de slag.
Gewijzigd op 01/09/2023 14:57:05 door - Ariën -
Maar even terugkomende op de update.
Maar wat betreft het updaten van de inhoud van een placeholder zou ik dus eerst de inhoud via getelementbyid moeten koppelen en vervolgens via ajax doorsturen naar een php bestand waar ik vervolgenss via update deze wel kan opslaan in de database. Dat heb ik in het verleden ook al gedaan en ben ik redelijk bekend mee. Maar dan moet ik wel de id's weten. en daar ligt het probleem nu juist. deze varieren ook en zijn allemaal uniek. dan zou hiervoor ook weer een soort query of zo moeten komen. Is vrij complex merk ik.
Toevoeging op 01/09/2023 15:11:20:
Ik kan natuurlijk ook voor elk html blok afzonderlijk een save button plaatsen met bijbehorende form etc.
Maar als ik dan in de pagina meerdere wijzingen zou aanbrengen in verschillende blokken dan zou ik op elke save button moeten klikken. dat is ook geen optie.
Gewijzigd op 01/09/2023 15:09:47 door Paul Weiss
Als je dit gewoon als een normale hand-aangeklikte formulier request wilt doen, dan kan dat ook. Met AJAX maak je het wel makkelijker in gebruik doordat de request op de achtergrond plaatsvindt (a-synchroon).
- Ariën - op 01/09/2023 14:48:35:
Je zult een verborgen lege formulierelement input type="hidden" moeten aanmaken met bijv. de naam hiddenTextarea, en die de waarde geven van je contenteditable.
Heel simpel met:
input type="hidden" name="hiddenTextarea" id="hiddenTextarea"
In de editable div onchange="document.getElementById("hiddenTextarea").value = this.innerHTML;"
Dat kan je met alle editable velden doen en dan heb je slechts 1 submitknop nodig.
Gewijzigd op 01/09/2023 16:08:35 door - SanThe -
- Ariën - op 01/09/2023 15:19:27:
Met AJAX maak je het wel makkelijker in gebruik doordat de request op de achtergrond plaatsvindt (a-synchroon).
A-synchroon met wat precies?
Nevenstaande link met dank aan arien ziet er wel uit met wat ik wil bereiken:
https://www.geeksforgeeks.org/what-is-an-asynchronous-request-in-ajax/
Maar heb geen idee hoe ik dit precies kan toepassen voor mijn doel.
Wellicht zie ik wel zaken over het hoofd en/of begrijp de oplossingen niet helemaal.Ik zal er nog eens dieper induiken en proberen het te begrijpen.
Maar vannochtend had ik de oplossing.
In de onderstaande tabel kan ik gewoon een extra kolom toevoegen met het desbetreffende rijnummer. Zo kan ik gewoon meerdere titel1 , titel2, tekstblok1 etc..hebben Maar ze hebben ieder hun eigen unieke rijnummer. zie de onderstaande tabel. soms is het simpeler dan het is.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
id placeholder rij. inhoud
1 titel1 1 hier een lap tekst
2 titel2 1 Dit is de titel
3. tekstblok1. 1 tekst voor een tekstblok1
4. buttontekst1. 1 button tekst
1 titel1 2 hier een lap tekst
2 titel2 2 Dit is de titel
3. tekstblok1. 2 tekst voor een tekstblok1
4. buttontekst1. 2 button tekst
1 titel1 1 hier een lap tekst
2 titel2 1 Dit is de titel
3. tekstblok1. 1 tekst voor een tekstblok1
4. buttontekst1. 1 button tekst
1 titel1 2 hier een lap tekst
2 titel2 2 Dit is de titel
3. tekstblok1. 2 tekst voor een tekstblok1
4. buttontekst1. 2 button tekst
Vervolgens kan ik per blok een update laten uitvoeren die verwijst naar het juiste rijnummer
alles updates kan ik uiteraard tegelijk dan laten oproepen middels 1 actie button.
Gewijzigd op 02/09/2023 09:27:46 door Paul Weiss
Maar voor het nieuws op mijn site wil ik redactioneel ook losse widgets hebben om de pagina samen te stellen. Een poll erbij, of een gestylde blockquote, of een Youtube video of Tweet/X embedden.
Ik denk dat ik CKeditor wel zover kan krijgen. Misschien ook iets voor jou om over na te denken. Want waarom zou je de teksten los willen opslaan, en niet de hele pagina, met placeholders erin?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div style="background-image: url(images/5-herosimpel/5-herosimpel.jpg)" alt="" title="" class="small-hero-bg-img fullsize-hero">
<div class="small-hero-text">
<br>
<h1 class="heading-medium font-white">Hier jouw titel</h1>
<h2 class="heading-small font-darkgrey">Hier jouw subtitel - hero 5 fullsize</h2>
<div class="container-flexbox-2-4">
<div class="box-flexbox-2-4">
<div class="button-boxpulse">
<a href="#" class="btn-pulse btn-pulse-white btn-pulse-animate" onclick="close_window();return false;">Ga Terug</a>
</div>
</div>
<div class="box-flexbox-2-4">
<div class="button-container">
<a href="#" class="button-slidein">Verder</a>
</div>
</div>
</div>
</div>
</div>
<div class="small-hero-text">
<br>
<h1 class="heading-medium font-white">Hier jouw titel</h1>
<h2 class="heading-small font-darkgrey">Hier jouw subtitel - hero 5 fullsize</h2>
<div class="container-flexbox-2-4">
<div class="box-flexbox-2-4">
<div class="button-boxpulse">
<a href="#" class="btn-pulse btn-pulse-white btn-pulse-animate" onclick="close_window();return false;">Ga Terug</a>
</div>
</div>
<div class="box-flexbox-2-4">
<div class="button-container">
<a href="#" class="button-slidein">Verder</a>
</div>
</div>
</div>
</div>
</div>
Toevoeging op 02/09/2023 09:43:23:
he arien. Op dit moment heb ik al een werkend systeem dat de hele body sectie opslaat. Dat is dus inc. styling en teksten etc.. dat gebeurd via de inner.html functie. enige minpunt hieraan is dat je dus via de inspector in de code zou kunnen rommelen. als ik alle teksten, links, afbeeldingen, kleur van tekst en buttons etc.. apart opsla via placeholders dan maakt het niet uit of men in de code rommelt. zie onderaan een voorbeeld van een herounit.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div style="background-image: url(images/5-herosimpel/5-herosimpel.jpg)" alt="" title="" class="small-hero-bg-img fullsize-hero">
<div class="small-hero-text">
<br>
<h1 class="heading-medium font-white">Hier jouw titel</h1>
<h2 class="heading-small font-darkgrey">Hier jouw subtitel - hero 5 fullsize</h2>
<div class="container-flexbox-2-4">
<div class="box-flexbox-2-4">
<div class="button-boxpulse">
<a href="#" class="btn-pulse btn-pulse-white btn-pulse-animate" onclick="close_window();return false;">Ga Terug</a>
</div>
</div>
<div class="box-flexbox-2-4">
<div class="button-container">
<a href="#" class="button-slidein">Verder</a>
</div>
</div>
</div>
</div>
</div>
<div class="small-hero-text">
<br>
<h1 class="heading-medium font-white">Hier jouw titel</h1>
<h2 class="heading-small font-darkgrey">Hier jouw subtitel - hero 5 fullsize</h2>
<div class="container-flexbox-2-4">
<div class="box-flexbox-2-4">
<div class="button-boxpulse">
<a href="#" class="btn-pulse btn-pulse-white btn-pulse-animate" onclick="close_window();return false;">Ga Terug</a>
</div>
</div>
<div class="box-flexbox-2-4">
<div class="button-container">
<a href="#" class="button-slidein">Verder</a>
</div>
</div>
</div>
</div>
</div>
Toevoeging op 02/09/2023 10:00:35:
In elke tag en/of background image path, styling komt een placeholder te staan dan.
Uiteindelijk kan ik ook classes toevoegen. Maar zover ben ik nog helemaal niet
Gewijzigd op 02/09/2023 10:02:07 door Paul Weiss
Pagina: « vorige 1 2 3 4 volgende »