WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Magically Vanishing Form Text (2 posts)

  1. pils.schouler
    Member
    Posted 3 years ago #

    Hi

    firstly THANK YOU for contact form 7.
    secondly, I'd like to add:

    onFocus="value=''"

    to the text select boxes so that the Default Value (which I use instead of the 'headings' <p>name / company / etc</p>) disappears onFocus (doh).

    Can anyone advise where in the hard code this might go without breaking everything. I've tried and failed so far. IF I succeed, I'll tell you.

    thanks

  2. pils.schouler
    Member
    Posted 3 years ago #

    ok. to be more specific:

    the code wherein I believe this should be placed is in (for instance) contact-form-7\modules\text.php (for the input type "text").

    code as is WITH CAPITALIZED UPDATES=

    <?php
    /**
    ** A base module for [text], [text*], [email], and [email*]
    **/
    
    /* Shortcode handler */
    
    wpcf7_add_shortcode( 'text', 'wpcf7_text_shortcode_handler', true );
    wpcf7_add_shortcode( 'text*', 'wpcf7_text_shortcode_handler', true );
    wpcf7_add_shortcode( 'email', 'wpcf7_text_shortcode_handler', true );
    wpcf7_add_shortcode( 'email*', 'wpcf7_text_shortcode_handler', true );
    
    function wpcf7_text_shortcode_handler( $tag ) {
    	if ( ! is_array( $tag ) )
    		return '';
    
    	$type = $tag['type'];
    	$name = $tag['name'];
    	$options = (array) $tag['options'];
    	$values = (array) $tag['values'];
    /* CODE ADDED HERE FOR THE TAG onfocus */
    	$onfocus = $tag['onfocus'];
    /* END CODE ADDED */
    
    	if ( empty( $name ) )
    		return '';
    
    	$atts = '';
    	$id_att = '';
    	$class_att = '';
    	$size_att = '';
    	$maxlength_att = '';
    	$tabindex_att = '';
    	$title_att = '';
    
    	$class_att .= ' wpcf7-text';
    
    	if ( 'email' == $type || 'email*' == $type )
    		$class_att .= ' wpcf7-validates-as-email';
    
    	if ( 'text*' == $type || 'email*' == $type )
    		$class_att .= ' wpcf7-validates-as-required';
    
    	foreach ( $options as $option ) {
    		if ( preg_match( '%^id:([-0-9a-zA-Z_]+)$%', $option, $matches ) ) {
    			$id_att = $matches[1];
    
    		} elseif ( preg_match( '%^class:([-0-9a-zA-Z_]+)$%', $option, $matches ) ) {
    			$class_att .= ' ' . $matches[1];
    
    		} elseif ( preg_match( '%^([0-9]*)[/x]([0-9]*)$%', $option, $matches ) ) {
    			$size_att = (int) $matches[1];
    			$maxlength_att = (int) $matches[2];
    
    		} elseif ( preg_match( '%^tabindex:(\d+)$%', $option, $matches ) ) {
    			$tabindex_att = (int) $matches[1];
    
    		}
    	}
    
    	$value = (string) reset( $values );
    
    	if ( wpcf7_script_is() && $value && preg_grep( '%^watermark$%', $options ) ) {
    		$class_att .= ' wpcf7-use-title-as-watermark';
    		$title_att .= sprintf( ' %s', $value );
    		$value = '';
    	}
    
    	if ( wpcf7_is_posted() )
    		$value = stripslashes_deep( $_POST[$name] );
    
    	if ( $id_att )
    		$atts .= ' id="' . trim( $id_att ) . '"';
    
    	if ( $class_att )
    		$atts .= ' class="' . trim( $class_att ) . '"';
    
    	if ( $size_att )
    		$atts .= ' size="' . $size_att . '"';
    	else
    		$atts .= ' size="40"'; // default size
    
    	if ( $maxlength_att )
    		$atts .= ' maxlength="' . $maxlength_att . '"';
    
    	if ( '' !== $tabindex_att )
    		$atts .= sprintf( ' tabindex="%d"', $tabindex_att );
    
    	if ( $title_att )
    		$atts .= sprintf( ' title="%s"', trim( esc_attr( $title_att ) ) );
    
    /* THIS LINE AS IS */
    	$html = '<input type="text" name="' . $name . '" value="' . esc_attr( $value ) . '"' . $atts . ' />';
    /* UPDATED TO THIS INSTEAD */
    	$html = '<input type="text" onfocus="value=''" name="' . $name . '" value="' . esc_attr( $value ) . '"' . $atts . ' />';
    /* END UPDATE - NOTHING ELSE CHANGED*/
    
    	$validation_error = wpcf7_get_validation_error( $name );
    
    	$html = '<span class="wpcf7-form-control-wrap ' . $name . '">' . $html . $validation_error . '</span>';
    
    	return $html;
    }
    
    /* Validation filter */
    
    add_filter( 'wpcf7_validate_text', 'wpcf7_text_validation_filter', 10, 2 );
    add_filter( 'wpcf7_validate_text*', 'wpcf7_text_validation_filter', 10, 2 );
    add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter', 10, 2 );
    add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter', 10, 2 );
    
    function wpcf7_text_validation_filter( $result, $tag ) {
    	$type = $tag['type'];
    	$name = $tag['name'];
    
    	$_POST[$name] = trim( strtr( (string) $_POST[$name], "\n", " " ) );
    
    	if ( 'text*' == $type ) {
    		if ( '' == $_POST[$name] ) {
    			$result['valid'] = false;
    			$result['reason'][$name] = wpcf7_get_message( 'invalid_required' );
    		}
    	}
    
    	if ( 'email' == $type || 'email*' == $type ) {
    		if ( 'email*' == $type && '' == $_POST[$name] ) {
    			$result['valid'] = false;
    			$result['reason'][$name] = wpcf7_get_message( 'invalid_required' );
    		} elseif ( '' != $_POST[$name] && ! is_email( $_POST[$name] ) ) {
    			$result['valid'] = false;
    			$result['reason'][$name] = wpcf7_get_message( 'invalid_email' );
    		}
    	}
    
    	return $result;
    }
    
    /* Tag generator */
    
    add_action( 'admin_init', 'wpcf7_add_tag_generator_text_and_email', 15 );
    
    function wpcf7_add_tag_generator_text_and_email() {
    	wpcf7_add_tag_generator( 'text', __( 'Text field', 'wpcf7' ),
    		'wpcf7-tg-pane-text', 'wpcf7_tg_pane_text' );
    
    	wpcf7_add_tag_generator( 'email', __( 'Email field', 'wpcf7' ),
    		'wpcf7-tg-pane-email', 'wpcf7_tg_pane_email' );
    }
    
    function wpcf7_tg_pane_text( &$contact_form ) {
    	wpcf7_tg_pane_text_and_email( 'text' );
    }
    
    function wpcf7_tg_pane_email( &$contact_form ) {
    	wpcf7_tg_pane_text_and_email( 'email' );
    }
    
    function wpcf7_tg_pane_text_and_email( $type = 'text' ) {
    	if ( 'email' != $type )
    		$type = 'text';
    
    ?>
    <div id="wpcf7-tg-pane-<?php echo $type; ?>" class="hidden">
    <form action="">
    <table>
    <tr><td><input type="checkbox" name="required" />&nbsp;<?php echo esc_html( __( 'Required field?', 'wpcf7' ) ); ?></td></tr>
    <tr><td><?php echo esc_html( __( 'Name', 'wpcf7' ) ); ?><br /><input type="text" name="name" class="tg-name oneline" /></td><td></td></tr>
    </table>
    
    <table>
    <tr>
    <td><code>id</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
    <input type="text" name="id" class="idvalue oneline option" /></td>
    
    <td><code>class</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
    <input type="text" name="class" class="classvalue oneline option" /></td>
    </tr>
    
    <tr>
    <td><code>size</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
    <input type="text" name="size" class="numeric oneline option" /></td>
    
    <td><code>maxlength</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
    <input type="text" name="maxlength" class="numeric oneline option" /></td>
    </tr>
    
    <tr>
    <td colspan="2"><?php echo esc_html( __( 'Akismet', 'wpcf7' ) ); ?> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
    <?php if ( 'text' == $type ) : ?>
    <input type="checkbox" name="akismet:author" class="exclusive option" />&nbsp;<?php echo esc_html( __( "This field requires author's name", 'wpcf7' ) ); ?><br />
    <input type="checkbox" name="akismet:author_url" class="exclusive option" />&nbsp;<?php echo esc_html( __( "This field requires author's URL", 'wpcf7' ) ); ?>
    <?php else : ?>
    <input type="checkbox" name="akismet:author_email" class="option" />&nbsp;<?php echo esc_html( __( "This field requires author's email address", 'wpcf7' ) ); ?>
    <?php endif; ?>
    </td>
    </tr>
    
    <tr>
    <td><?php echo esc_html( __( 'Default value', 'wpcf7' ) ); ?> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br /><input type="text" name="values" class="oneline" /></td>
    
    <td>
    <br /><input type="checkbox" name="watermark" class="option" />&nbsp;<?php echo esc_html( __( 'Use this text as watermark?', 'wpcf7' ) ); ?>
    </td>
    </tr>
    </table>
    
    <div class="tg-tag"><?php echo esc_html( __( "Copy this code and paste it into the form left.", 'wpcf7' ) ); ?><br /><input type="text" name="<?php echo $type; ?>" class="tag" readonly="readonly" onfocus="this.select()" /></div>
    
    <div class="tg-mail-tag"><?php echo esc_html( __( "And, put this code into the Mail fields below.", 'wpcf7' ) ); ?><br /><span class="arrow">⬇</span>&nbsp;<input type="text" class="mail-tag" readonly="readonly" onfocus="this.select()" /></div>
    </form>
    </div>
    <?php
    }
    
    ?>

    I'm sure you can see the problem:

    /* THIS LINE AS IS */
    	$html = '<input type="text" name="' . $name . '" value="' . esc_attr( $value ) . '"' . $atts . ' />';
    /* UPDATED TO THIS INSTEAD */
    	$html = '<input type="text" onfocus="value=''" name="' . $name . '" value="' . esc_attr( $value ) . '"' . $atts . ' />';
    /* END UPDATE - NOTHING ELSE CHANGED*/

    the onfocus="value=''" is causing an unexpected T_CONSTANT_ENCAPSED_STRING on this line.

    any ideas...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic