roelof

Aangemaakte reacties

15 reacties aan het bekijken - 1 tot 15 (van in totaal 32)
1 2 3
  • Forum: Thema en CSS/opmaak
    In antwoord op: customizing hover link twentytwentyFour
    Thread starter roelof

    (@roelof)

    2 maanden, 1 week geleden

    O, kan dat,
    Kan ik dan ook een rood blokje rond de link maken of heb ik daar toch css voor nodig.

    Het orgineel heeft een padding van 16px.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom wordt mijn validatie niet aangesproken
    Thread starter roelof

    (@roelof)

    2 maanden, 2 weken geleden

    oke

    Ik heb vandaag een video gevonden waar ajax wordt gebruikt maar er zijn een paar zaken die me daarin niet echt bevallen.

    de PHP file ziet er nu zo uit 

    <?php

/**

 * Plugin Name: RW ajax form

 * Description : my solution to a wpchellange challenge to make a shortcode form

 **/

function rw_contact_form ($atts) {

    $a = shortcode_atts( array(

        'subject' => '',

    ), $atts );

    $content = '' ;

    $content .= '<div class="container">';

    $content .= '<h1>Contact Form</h1>';

    $content .= ' <div class="form-group">';

    $content .= ' <input type="text" value="' . $a['subject'] . '" id="subject" />';

    $content .= '<label for="input" class="control-label">Subject</label>' ;

    $content .= '</div>';

    $content .= ' <div class="form-group">';

    $content .= ' <input type="email" value="' . $a['email'] . '"  id="email" />';

    $content .= '<label for="input" class="control-label">Email</label>' ;

    $content .= '</div>';

    $content .= '<div class="form-group">';

    $content .= '<textarea id="message"></textarea>' ;

    $content .= '<label for="textarea" class="control-label">Message</label>';

    $content .= '</div>';

    $content .= '<div class="button-container">';

    $content .= '<button type="submit" class="button"><span>Submit</span></button>';

    $content .= '</div>' ;

   return $content;

}

add_shortcode('contact_form', 'rw_contact_form');

function load_assets() {

    wp_enqueue_style(

        'mycustomForm',

        plugin_dir_url(__FILE__) . '/css/mycustomForm.css',

        array(),

        1,

        'all'

    );

    wp_enqueue_script(

        'mycustomForm',

        plugin_dir_url(__FILE__) . '/js/mycustomForm.js',

        array(),

        1,

        true

    );

}

add_action('wp_enqueue_scripts', 'load_assets');
    en een js file wat er zo uitziet 


    

function submit_contact_form()

{

    var fd = new FormData();

    fd.append('FormSubmit', '1');

    fd.append('subject', '#subject');

    fd.append('email', '#emai');

    fd.append('message', '#message');

    js_submit(fd, 'submit_contact_form_callback');

}

function js_submit(fd, callback)

{

    var submitUrl = 'localhost/wp-content/plugins/mycustomForm/process';

    $.ajax({url: submitUrl,type:'post',data:fd,contentType:false,processData:false,success:function(response){ callback(response); },});

}

function submit_contact_form_callback(data)

{

    var jdata = json.parse(data);

    // do something with the data.

}

    Waar ik niet blij van wordt is de js_submit functie.
    Daar is nu een url hard-coded en jquery gebruikt om een post request te doen.
    Kun je me daarmee helpen ?

    Forum: Code oplossingen gezocht
    In antwoord op: Form validation PHP or js
    Thread starter roelof

    (@roelof)

    2 maanden, 2 weken geleden

    oke, de js part will be easy I think.
    Voor de php gedeelte moet ik nog even uitzoeken hoe ik dan de functie aanroep.

    Dit heb ik tot zover 

    `<br>

<?php

/**

 * Plugin Name: mycustomForm

 * Plugin URI: none

 * Description: Test.

 * Version: 0.1

 * Author: Roelof Wobben

 * Author URI: none

 **/

class mycustomForm

{

    public function __construct()

    {

        // add assests(js,css , etc)

        add_action('wp_enqueue_scripts', array($this, 'load_assets'));

        // add shortcode

        add_shortcode('contact_form', array($this, 'load_shortcode'));

    }

    public function load_assets()

    {

        wp_enqueue_style(

            'mycustomForm',

            plugin_dir_url(__FILE__) . '/css/mycustomForm.css',

            array(),

            1,

            'all'

        );

        wp_enqueue_script(

            'mycustomForm',

            plugin_dir_url(__FILE__) . '/js/mycustomForm.js',

            array(),

            1,

            true

        );

    }

    public function load_shortcode()

    {

        ?>

        <div class="container">

            <form>

                <h1>Contact Form</h1>

                <div class="form-group">

                    <input type="text" required="required" />

                    <label for="input" class="control-label">Subject</label><i class="bar"></i>

                </div>

                <div class="form-group">

                    <input type="text" required="required" />

                    <label for="input" class="control-label">Email</label><i class="bar"></i>

                </div>

                <div class="form-group">

                    <textarea required="required"></textarea>

                    <label for="textarea" class="control-label">Message</label><i class="bar"></i>

                </div>

            </form>

            <div class="button-container">

                <button type="button" class="button"><span>Submit</span></button>

            </div>

        </div>

        <?php

    }

}

new mycustomForm;</code></pre>
    Forum: Code oplossingen gezocht
    In antwoord op: Form validation PHP or js
    Thread starter roelof

    (@roelof)

    2 maanden, 2 weken geleden

    Dat wordt dus mooi niet genoemd.
    Als ik nu eens vanuit ga dat de bedoeling is om te kijken of alles ingevuld is , dan kan alles in PHP ?

    Forum: Code oplossingen gezocht
    In antwoord op: Form validation PHP or js
    Thread starter roelof

    (@roelof)

    2 maanden, 2 weken geleden

    Geen idee,
    De opdracht is om een custom shortcode te maken die een formulier laat zien. En dit zijn de requirements:

    1. Shortcode needs to have fields: Subject (input), Email (input), Message (textarea),
    2. Sanitize all fields before being used for sending it,
    3. Use wp_mail to send the email
    4. Style it and enqueue style only on pages where the shortcode is
    5. Display errors on top of the form

    Ik heb de shortcode werkend.
    Ik krijg het formulier te zien.
    En omdat bij punt 5 gezegd wordt dat ik de errors op het formulier te zien moeten zijn, krijg ik het idee dat ik iets van validatie nodig heb,.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    Dank je.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    Dit is de challenge die ik probeer op te lossen.

    Task:

    Develop a custom Gutenberg block that displays a testimonial card with fields for a testimonial quote, author name, and author’s job title.

    Requirements:

    1. Create a custom block using @wordpress/create-block,
    2. Implement a block that includes fields for testimonial quotes, author name, and job title,
    3. Fields can be displayed either inside the block in the editor or on the side panel
    4. Use Editor and Block Styles (editor if fields are displayed inside the block in the editor). Block Styles for the front.
    • Deze reactie is gewijzigd 2 maanden, 3 weken geleden door roelof.
    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    mag altijd.
    Is het dan totaal in php ?

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    Denk dat ik het gevonden heb,
    omdat de plugin nog niet gebouwd is , “moet” je eerst wp-scripts installeren en daarna in de directory van de plugin “npm run start” doen.

    Dan zie ik de component wel in de lijst.
    Of alleen een zip maken van de build directory ,
    Misschien dat dat ook werkt.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    hmm, heb ik dan te weinig op gitlab gezet, 🙁
    Ga eens proberen als ik een directory lager op internet zet,
    Moment

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    oke,
    ik heb een build gedaan en zie dan dat save,js niet meegaat.

    En zoals ik net al zei alles werkt alleen ik zie oude gegevens op de front end en het werkt niet zodra ik mijn component in een group component zet,
    Verder werkt hier alles lokaal goed.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    ik heb de plugin nog niet gebouwd omdat ik tegen 2 problemen loop

    1) het group component probleem.
    2) en ik zie oude data op de frontend terwijl ik caching heb uitstaan=

    Zodra ik deze heb opgelost , ga ik de plugin bouwen met npm run build.

    • Deze reactie is gewijzigd 2 maanden, 3 weken geleden door roelof.
    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    Nee, als het mijn component dan aanklikt dan lijkt de groep nog steeds geselecteerd.

    Forum: Code oplossingen gezocht
    In antwoord op: Waarom werkt mijn plugin niet als ik het in een groep plaats
    Thread starter roelof

    (@roelof)

    2 maanden, 3 weken geleden

    ik bedoel daarmee de group component.

    k heb deze vraag ook al in het Engelse forum gezet maar ook daar geen respons voor 2 a 3 dagen,

    Forum: Code oplossingen gezocht
    In antwoord op: goede manier om de css aan te roepen in een child block thema
    Thread starter roelof

    (@roelof)

    3 maanden geleden

    en ik wil graag oefenen met het maken van een child-theme.
    Zo ik hoop dat je me nog steeds wilt helpen.
    De documenten zijn hierover niet echt duidelijk.

15 reacties aan het bekijken - 1 tot 15 (van in totaal 32)
1 2 3