jQuery get keyup on current change on input and output live

Question

I had attempted with the following code and a little stuck now but here is what I'm wanting to achieve:

enter value in input and update preview html below
once user is happy with preview output can click generate
once clicked generate it will actually write the preview HTML to a first_name-last_name.html file within that same folder and then redirect to the first_name-last_name.html file

jQuery / HTML form:



    Ambient Lounge - Create eSig
    
    
    
    
    
    
    


    Create e-mail signature
    
    
        
        
    
    
        Congraulations! You have successfully create your e-mail signature. You can view your e-mail signature by clicking here.
    

    
        
            First Name
            

            Last Name
            

            Title
            

            Address
            

            Phone
            

            Mobile
            

            Email
            

            Web
            
        
         
    

    

        

        

        

        
            
                James Brandon
Global Technical Lead
                
            

            

            
                
                
                    
                    
                    
                
            

            

            
                a: Old knows Factory, Unit 5C, Office 14, St Anns Hill Road, Nottingham, NG3 4GN
                p: +44(0) 844 579 1112 | m: +44(0) 771 809 0 809
                james@ambientlounge.com | www.ambientlounge.co.uk
            

            This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This message contains confidential information and is intended only for the individual named. If you are not the named addressee you should not disseminate, distribute or copy this e-mail. Please notify the sender immediately by e-mail if you have received this e-mail by mistake and delete this e-mail from your system. If you are not the intended recipient you are notified that disclosing, copying, distributing or taking any action in reliance on the contents of this information is strictly prohibited.

Current PHP Post file:


                
                    
                    Ambient Lounge - e-Mail Signature (James Brandon)
                    
                    

                
            ');
            fwrite( $file, '
                
                    '.$first_name.' '.$last_name.'
'.$title.'
                    
                

                

                
                    
                    
                        
                        
                        
                    
                

                

                
                    a: '.$address.'
                    p: '.$phone.' | m: '.$mobile.'
                    '.$email.' | '.$web.'
                
            ');
            fwrite( $file, '
                        This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This message contains confidential information and is intended only for the individual named. If you are not the named addressee you should not disseminate, distribute or copy this e-mail. Please notify the sender immediately by e-mail if you have received this e-mail by mistake and delete this e-mail from your system. If you are not the intended recipient you are notified that disclosing, copying, distributing or taking any action in reliance on the contents of this information is strictly prohibited.
                    

                
            
            ');

            $file = fopen( $filePath, "w" );
            fwrite( $file, $data );
            fclose( $file );

            $data = file_get_contents( $filePath ); //do this after closing your writing
        }
    }
?>

Taplar · Accepted Answer

You can write to a file with:

touch( $filePath ); //create file if it does not exist
$file = fopen( $filePath, "w" );
fwrite( $file, $data );
fclose( $file );

This will replace the entire file contents with what you fwrite().
You can check if a file already exists with

file_exists( $filePath );

You can define your custom file path in a manner like

$filePath = "whatever directory you want it to go to/". $firstnamevariable ."-". $lastnamevariable .".html";

You can keep a running $data variable that you write to the file at the end by appending to, like how $filePath above is appending. Or you can simply write to the file multiple time.

fwrite( $file, "" );
fwrite( $file, "First Name: ". $firstnamevaraible ."" );
fwrite( $file, "Last Name: ". $lastnamevariable ."" );
fwrite( $file, "" );

Once you've created your file, if you want to return the entire contents to the user you can do

$data = file_get_contents( $filePath ); //do this after closing your writing

Then you can echo $data to the user or if you want, just echo that function without the need for a variable.

jQuery get keyup on current change on input and output live

Answers (1)

Related Questions