tablerow variables vervangen door input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Low code Developer

Dit ga je doen Je richt je op het doorontwikkelen van bestaande applicaties en het geheel van scratch af aan opzetten van nieuwe applicaties binnen een low code platform; Je beoordeelt technisch ontwerpen en maakt de vertaalslag naar de technische oplossingen binnen het platform; Je voert testwerkzaamheden uit; Je adviseert de organisatie op jouw vakgebied; Je schakelt met business analisten en de architect om tot mooie oplossingen te komen; Je lost bugs op en denkt mee over een structurele oplossing. Hier ga je werken Het gaat om een bekend internationaal handelsbedrijf met ruim 800 medewerkers, verdeeld over verschillende deelbedrijven. Deze

Bekijk vacature »

.NET Developer

Functie omschrijving Net afgestudeerd en op zoek naar een leuke baan als developer? Zoek niet verder! Ik heb een functie beschikbaar als back-end developer, bij een leuk familiebedrijf. Je gaat werken met de Microsoft stack en de technieken C# en .NET. Verder maak je gebruik van MVC en Entity framework. SQL kent ook geen geheimen voor jou. Jouw verantwoordelijkheden: Nieuwe maatwerk software bouwen; API koppelingen bouwen; Applicaties en software optimaliseren; Back-end programmeren. Een erg uitdagende functie, met veel vrijheid. Je kan meerdere dagen thuis werken en als je op kantoor werkt wordt de lunch verzorgd. Heb je interesse, reageer dan

Bekijk vacature »

C#.NET ontwikkelaar

Functie omschrijving Voor een softwarebedrijf in de omgeving van Veghel zijn we op zoek naar een C# developer. Word jij blij van ontwikkelen in C# en .NET? Lees dan snel verder! Jouw werkzaamheden zullen er als volgt uit gaan zien: Op basis van de wensen van de klant ga je samen met je collega's ga je op zoek naar de juiste oplossingen en je gaat dit uitwerken tot een mooi eindproduct. Je bouwt webshops, webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Framework en C#. Je zorgt voor de optimalisering van bestaande software en de automatisering van

Bekijk vacature »

Fullstack developer (NodeJS, React, AWS)

Functie Als Fullstack developer kom je te werken in het ontwikkelteam, maar zoals gezegd komt er veel meer bij kijken dan alleen maar ontwikkelen. Je bent samen met je collega’s continu bezig om de software uit te breiden maar hiernaast doe je doorlopend onderzoek naar de inzet van bijvoorbeeld Machine Learning. Ze willen met hun software echt voorlopen op andere en toegevoegde waarde leveren voor de eindgebruiker. Mede hierom zijn ze erg benieuwd naar iemand zijn persoonlijkheid, of hij graag nieuwe dingen uitzoekt (Google!), en initiatief neemt. Maar waar staan ze nu? Na een onderzoeksfase van ruim een jaar zijn

Bekijk vacature »

Front-end developer gezocht

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Software developer

Functieomschrijving Voor een gewaardeerde werkgever in de regio van Middelburg zijn wij op zoek naar een ambitieuze PHP/Symfony Developer. Een enthousiast persoon die het development team komt versterken met het aanpakken van complexe en nieuwe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor zowel persoonlijke als professionele groei? Lees dan snel verder! Dit ga je doen: Aanpassingssuggesties van collega’s in kaart brengen, vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Ontwikkeling en beheer van de serviceportal in Symfony en

Bekijk vacature »

Front-end developer

Functie Als front-end developer kom je te werken in een team van 30 gedetacheerde, en het team is momenteel flink aan het groeien. Je hebt ervaring met het bouwen van complexe bedrijfsapplicaties waar je gebruik maakt van de nieuwste technologieën waarmee jij elke klant omver blaast. Het gaat om uitdagende projecten met een gemiddelde doorlooptijd van 2 jaar. Hierdoor heb jij echt de volledige focus op een project en kun je flinke impact maken. Het team zit boordevol met ervaren developers die samen dezelfde ambitie delen. Aan de hand van opleidingen en trainingen kun je certificaten halen in jouw expertise

Bekijk vacature »

Applicatieontwikkelaar ABAP

Bedrijfsomschrijving Functieomschrijving De kandidaat zal worden ingezet binnen een van de DevOps teams binnen SCI (Service Centrum Inburgering) voor het ontwerpen en bouwen in SAP ABAP van de binnen SCI gebruikte informatiesystemen. Voornaamste voorkomende werkzaamheden zijn het aanpassen van en bouwen van nieuwe programmatuur in ABAP (Objects), waarbij ook gebruikt wordt gemaakt van DDD (Domain Driven Design) en het opstellen/aanpassen van Functionele/Technische ontwerpen. Daarnaast moeten ook formulieren met SAP Smartforms worden aangepast. Verder speelt de overgang naar SAP4Hana en SAP CPI. Vanwege het veelvuldig gebruik van SAP PO is kennis hiervan een pré. Achtergrond opdracht Momenteel werken meerdere DevOps teams

Bekijk vacature »

Software Developer

Dit ga je doen Je bent verantwoordelijk voor de warehouse applicatie die een integratie heeft met de PLC laag; Je ontwikkelt in C#/.Net; Je bent verantwoordelijk voor het ontwikkelen van interfaces en het visualiseren van componenten; Je denkt mee over het design voor business oplossingen; Je bent verantwoordelijk voor het testen van de gebouwde oplossing. Hier ga je werken Voor een internationale organisatie in de transport zijn wij momenteel op zoek naar een Software Developer. Ze zijn wereldwijd de grootste speler en lopen voorop met het automatiseren van alle processen van de warehouses. Op dit moment wordt er nog gebruik

Bekijk vacature »

C# Developer

Dit ga je doen De requirements in kaart brengen van de klant; Implementeren van functionele en technische specificaties bij opdrachtgevers; Oplossen van bugs; Meewerken aan maatwerksoftware voor nieuwe opdrachtgevers; Het testen en uitleveren van nieuwe functionaliteiten naar de acceptatie en productieomgeving De database ontwikkelen en onderhouden; Hier ga je werken Onze klant is gevestigd in het westen van Nederland en is gespecialiseerd in het ontwikkelen van software voor de levensmiddelen industrie. De software die het team maakt optimaliseert voornamelijk de administratieve processen, maakt deze meetbaar en zorgt ervoor dat de data zo goed mogelijk gebruikt kan worden. Binnen een van

Bekijk vacature »

Front-end Developer - Juniorfunctie

Functie omschrijving Ben jij op zoek naar een uitdagende baan als front-end developer, in een informele werksfeer, waar jij echt het verschil kan maken? Wil jij graag werken voor een bedrijf dat sportiviteit en een open communicatie, hoog in het vaandel heeft staan? Dan hebben wij de perfecte vacature voor je! Voor een klein bedrijf in Rijen dat gespecialiseerd is in het omzetten van digitale woningtekeningen naar managementinformatie, zijn wij per direct op zoek naar een allround front-end developer. Jouw werkzaamheden zien er als volgt uit: Ja gaat nauw samenwerken met de back-end developer. De database structuur is volledig gebouwd

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn ze op zoek naar een Technische front end developer. Momenteel hun front end back end team gescheiden aan het werk. Hier willen ze verandering in krijgen. Omdat ook veel interne applicaties ontwikkeld worden zoeken ze iemand die hen kan helpen om de interne applicaties te voorzien van de juiste Vue.js componenten. Zodoende willen ze de interactie tussen front end en back end versoepelen en de volgende stap binnen het platform gaan zetten. Deze componenten die jij ontwikkeld zullen in elk project gebruikt worden. Het back end team bestaat momenteel uit 8 ontwikkelaars

Bekijk vacature »

Ervaren PHP ontwikkelaar

Functie Jij als PHP ontwikkelaar komt te werken in een team van 4 andere PHP ontwikkelaars. Je zult je voornamelijk bezig houden met: – Het ontwikkelen van nieuwe features – Doorontwikkelen van de API – Nadenken over de technische infrastructuur – Datakwaliteit Samen met het team ben jij verantwoordelijk voor de verdere ontwikkeling van de software en om de positie als marktleider in Europa te behouden. Ze werken volgens SCRUM in 2 wekelijkse sprints, werken met Jira voor alle tickets en communiceren veel via Slack. Eisen • Minimaal 3 jaar ervaring als back end developer • Je hebt affiniteit met

Bekijk vacature »

.NET developer

Functie Als .NET developer wordt jij onderdeel van ons ICT team. In dit multidisciplinaire team ben jij samen met onze senior .NET ontwikkelaar en medior .NET ontwikkelaar verantwoordelijk voor ons ERP systeem. In dit systeem (Navision) ga jij leren ontwikkelen. Wij bieden jou dan ook een gedegen opleiding aan, samen met de ondersteuning van onze Senior .NET developer. Daarnaast ga jij aan de slag met ons portaal geschreven in Sharepoint. Verder ben jij verantwoordelijk voor EDI verkeer en het ontwikkelen binnen het ERP systeem en andere toepassingen en rapportages. Van jou wordt verwacht dat jij het proces goed leert kennen

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »
Dennis WhoCares

Dennis WhoCares

20/11/2014 20:28:15
Quote Anchor link
Hoi allemaal,

ik heb de volgende table:
<table>
<thead>
<tr><th>ID</th><th>Username</th><th>Level</th><th>opties</th></tr>
</thead>
<tbody>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php foreach($this->users->list as $key => $value) {
 $tID = $value['id'];
 echo '<tr rel="' . $tID . '"><td>' . $tID . '</td><td>' . $value['username'] . '</td><td>' . $value['level'] . '</td><td><a href="nowhere2go" class="editUser" rel="' . $tID . '"><img.......></a></tr>';
}
?>

</tbody>
</table>

Nou wil ik bijv. dmv rel= te gebruiken in de td's aangeven wat het is, net als dat de tr[rel=1] staat voor de gehele rij van user id 1.

Dan zou ik graag o.a level willen vervangen door een input veld waar de id als value staat.

Is dat mogelijk ? (het moet wel alleen in die ene rij staan waar dus tr[rel=1] is.
In een functie als dit:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
$('body').on('click', '.editUser', function (){
 var id = $(this).attr('rel');
}


Hoe kan ik meerdere rel attributen koppelen?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$('tr[rel="' + id + '"]td[rel="id"]').html('<input type="text" id="userid" value="' + id + '">');


heeft hier niet zo'n zin in. Maar ik denk dat dat ook inderdaad niet klopt ;D

Enig idee iemand ?
Gewijzigd op 20/11/2014 20:36:48 door Dennis WhoCares
 
PHP hulp

PHP hulp

15/05/2024 04:12:02
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/11/2014 21:33:19
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

20/11/2014 23:12:33
Quote Anchor link
Ik zie daar een ernstig misbruik van het href attribuut ....
Het rel attribuut is mider ersnstig maar tegenwoordig hebben we daar het data attribuut voor.
 
Dennis WhoCares

Dennis WhoCares

21/11/2014 20:34:14
Quote Anchor link
Frank Nietbelangrijk op 20/11/2014 21:33:19:


Beste Frank,

inderdaad! Hier had ik eigenlijk nog helemaal niet aan gedacht, om het dubbel te doen.
Bedankt voor het voorbeeldje ! Dit is precies wat ik zocht :)

Ger van Steenderen op 20/11/2014 23:12:33:
Ik zie daar een ernstig misbruik van het href attribuut ....
Het rel attribuut is mider ersnstig maar tegenwoordig hebben we daar het data attribuut voor.

Waarom is dit misbruik ? Eigenlijk was dit niet precies mijn href, maar mijn href="editButton/' . $tID

De functie die ik hierin ook niet beschreven heb haalt de geklikte href op om te weten waar naartoe gepost moet worden, daarom staat er ook een return false; in.
Gewijzigd op 21/11/2014 20:37:48 door Dennis WhoCares
 
Frank Nietbelangrijk

Frank Nietbelangrijk

21/11/2014 22:31:15
Quote Anchor link
Beetje overdreven om te stellen dat het misbruik is. Ik zou voor het data-id gekozen hebben als je zonder het href attribuut kon. Maar zover ik weet is deze echt verplicht en zou je hem in deze situatie een dummy waarde geven omdat hij helemaal geen dienst doet. Extra bytes voor jan joker dus, daarom heb ik hem gewoon gebruikt.
 
Dennis WhoCares

Dennis WhoCares

30/11/2014 18:30:25
Quote Anchor link
Frank Nietbelangrijk op 20/11/2014 21:33:19:


Dit werkt geweldig :)

Echter probeer ik dit nu toe te passen op een pages beheer pagina.
Hier doe ik hetzelfde, alleen ... Heb ik een div met display:none waarin m'n textarea staat. (Binnen mn <form> elementen uiteraard.

Deze div wordt een popup waarmee ik een ckeditor bovenop het hele scherm toon. Na het sluiten van de div, kan ik dus pas mijn page opslaan.

Nu heb ik een probleem met het maken van een nieuwe pagina.

Deze form staat bovenaan m'n table

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<tbody>
        <tr><td>#<form action="insertPage" method="post"></td>
            <td><input type="text" name="new_page_title" style="width: 130px" maxlength="30"></td>
            <td><a href="#" class="openEditor" title="Open Pagina Editor"><img src="<?php echo URL; ?>views/admin/css/imgs/editor.png" alt="Open Pagina Editor" border="0" width="20" height="20"></a> <button href="#" class="openEditor">Editor</button></td>
            <td><input type="text" name="new_page_link" style="width: 80px" maxlength="16"></td>
            <td><select name="new_page_level" style="width: 80px"><?php echo $levels; ?></td>
            <td><select name="new_page_file" style="width: 80px"><option value="0">Nee</option><option value="1">Ja</option></select></td>
            <td style="text-align: center"><input type="submit" value="" class="addButton"><div id="newPageEditor" class="transperant"><center><h2 style="font-size: 30px">Pagina Editor</h2><textarea id="newTextarea" class="ckeditor" name="new_page_content" style="width: 100%; height: 100%"></textarea><br><button class="closeEditor"> Sluiten </button></center></div></form></td>
        <tr>
        <tr><td colspan="7"></td></tr>
    </tbody>


Waarin ook weer deze verborgen div in zit. Nou is het probleem, de 1e keer dat ik op m'n newButton klik om te versturen, krijg ik de melding vanuit m'n controller dat new_page_content geen inhoud bevat. (In m'n post php heb ik controle of new_page_content groter is dan 1 karakter)
Als ik daarna gewoon nog een keer druk, gaat het wel goed.

Terwijl het aanpassen van m'n pages weer wel in 1 keer goed gaat. :-/

Iemand enig idee hoe dit komt?

hieronder m'n jQuery.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    $('form').submit(function(event){
        event.preventDefault();
        var id = $(this).attr('rel');
        
        var url = $(this).attr('action');
        var data = $(this).serialize();
        var success = 'false';
        
        $.post(url, data, function(o) {
            if(o.result === 'true') {
                if(url === 'insertPage') {
                    showAlert('success','Success!','De pagina is succesvol toegevoegd.<br>Moment geduld, de pagina wordt vernieuwd.');
                    success = 'true';
                } else {
//De code hierin doet er nu niet toe, is voor update van een pagina.
                }
            } else {
                showAlert('danger','Fout!',o.msg);
            }
        }, 'json');
        
        if(url === 'insertPage' && success === 'true') {
            setTimeout(function(){ window.location.href = 'http://localhost/admin/pages'; }, (2500));
        }

    });


Om het even nog makkelijk te houden heb ik voor een nieuwe pagina doe ik nog geen jQuery code gedaan voor het toevoegen aan de tabel. Alleen een reload van de pagina aan het einde van de code.
Gewijzigd op 01/12/2014 19:17:31 door Dennis WhoCares
 
Dennis WhoCares

Dennis WhoCares

01/12/2014 19:01:33
Quote Anchor link
bump
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

01/12/2014 19:53:26
Quote Anchor link
Hoe doe je het met de update dan? Via de save button van CKE?
Het is even geleden, maar volgens mij moet je de gegevens ophalen met ckEditor.getData() als je buiten CKE om wilt werken.
 
Dennis WhoCares

Dennis WhoCares

01/12/2014 20:24:20
Quote Anchor link
Hoi Ger,

nee niet met de update button van CKEditor, maar ook met een input type="submit" button:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
foreach($this->pagesList as $key => $value) {
        $editContent = '<a href="' . $value['page_id'] . '" class="openEditor" title="Open Pagina Editor"><img src="' . URL . 'views/admin/css/imgs/editor.png" alt="Open Pagina Editor" border="0" width="20" height="20"></a> <button href="' . $value['page_id'] . '" class="openEditor">Editor</button>';
        $tTitle = strip_tags($value['page_title']);
        $tContent = strip_tags($value['page_content']);
        if(strlen($tTitle) > 13)
            $tTitle = substr($value['page_title'], 0, 13) . '&hellip;';
        if(strlen($tContent) > 25)
            $tContent = substr($tContent, 0, 25) . '&hellip;';
        if($value['page_file'] == 1) {
            $tContent = 'Hardcoded pagina';
            $editContent = 'Contacteer developer.';
        }

        echo '<tr id="static' . $value['page_id'] . '">
                    <td>' . $value['page_id'] . '</td>
                    <td>' . $tTitle . '</td>
                    <td>' . $tContent . '</td>
                    <td>' . $value['page_link'] . '</td>
                    <td>' . $value['page_level'] . '</td>
                    <td>' . $isHardcoded[$value['page_file']] . '</td>
                    <td><a href="' . $value['page_id'] . '" class="edit" title="Pagina Wijzigen"><img src="' . URL . 'views/admin/css/imgs/edit.png" alt="Pagina Wijzigen" border="0" width="20" height="20"></a> &nbsp;
                <a href="' . $value['page_id'] . '" class="delete" title="Pagina Verwijderen"><img src="' . URL . 'views/admin/css/imgs/delete.png" alt="Pagina Verwijderen" border="0" width="20" height="20"></a></td>
             </tr>
            
            <form action="updatePage" method="post" id="editForm" rel="' . $value['page_id'] . '"><tr id="edit' . $value['page_id'] . '" class="editRow">
                    <td><input type="hidden" name="page_id" value="' . $value['page_id'] . '">' . $value['page_id'] . '</td>
                    <td><input type="text" name="page_title" value="' . $value['page_title'] . '" maxlength="30" style="width: 180px"></td>
                    <td>' . $editContent . '</td>
                    <td><input type="text" name="page_link" value="' . $value['page_link'] . '" maxlength="16" style="width: 80px"></td>
                    <td><select name="page_level" style="width: 80px">' . str_replace('value="' . $value['page_level'] . '"', 'value="' . $value['page_level'] . '" selected', $levels)  . '</select></td>
                    <td><select name="page_file" style="width: 80px">' . str_replace('value="' . $value['page_file'] . '"', 'value="' . $value['page_file'] . '" selected', $hardcoded)  . '</select></td>
                    <td><input type="submit" name="" value="" class="saveButton"> &nbsp;
                        <a href="' . $value['page_id'] . '" class="cancel" title="Annuleren"><img src="' . URL . 'views/admin/css/imgs/cancel.png" alt="Annuleren" border="0" width="20" height="20"></a></td>
             </tr><div id="pageEditor" class="transperant"><center><h2 style="font-size: 30px">Pagina Editor</h2><textarea id="textarea" class="ckeditor" name="page_content" style="width: 100%; height: 100%">' . $value['page_content'] . '</textarea><br><button class="closeEditor"> Sluiten </button></center></div></form>';
    }
Gewijzigd op 01/12/2014 20:25:36 door Dennis WhoCares
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

01/12/2014 21:20:12
Quote Anchor link
Ik zie geen textarea in je formulier
 
Dennis WhoCares

Dennis WhoCares

02/12/2014 06:58:43
Quote Anchor link
Ger van Steenderen op 01/12/2014 21:20:12:
Ik zie geen textarea in je formulier


Hoi Ger,

de allerlaatste regel van de foreach, die zit ook in zo'n "popup" div.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
......
</tr><div id="pageEditor" class="transperant"><center><h2 style="font-size: 30px">Pagina Editor</h2><textarea id="textarea" class="ckeditor" name="page_content" style="width: 100%; height: 100%">' . $value['page_content'] . '</textarea><br><button class="closeEditor"> Sluiten </button></center></div></form>


EDIT
Ger van Steenderen op 01/12/2014 19:53:26:
Het is even geleden, maar volgens mij moet je de gegevens ophalen met ckEditor.getData() als je buiten CKE om wilt werken.

Hey Ger, bedankt voor de tip! Inderdaad als ik de ckeditor als var initialiseer met de replace, kan ik mbv de update een andere var invullen met de data.

Naderhand kan ik dus zoals je al zei met die var.getData() de inhoud van die ckeditor overnemen! :D
Gewijzigd op 02/12/2014 19:31:05 door Dennis WhoCares
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.