Search the Community
Showing results for tags 'one page'.
Found 2 results
-
Hi, Just started using PW and really love it. I've started to create my own template and was hoping I could get some advice on how best to go about my project. I've created a one page website which uses HTML, CSS and Javascript and want to convert this over for use with PW. The concept is fairly straightforward, it's a series of module blocks of HTML which I can move to alter my layout. Here's an example of the structure: Header Page1 Module1 Module2 Module3 Page2 Module1 Module2 Module3 Footer Page 1 and 2 are essentially <div> containers and each module is also contained in it's own <div>. My understanding of PW is the code for each module I've created would get wrapped into various custom Template Files which could then be positioned as required within the page Template. Is this correct? I plan to use this layout for multiple sites so I also wanted to know if it was possible to create the module blocks in such a way that they could easily be installed/ported across to another site? Any advice or links to creating this setup would be greatly appreciated.
-
I am in the process of converting over a one page website to work with PW and am at the stage of hooking up the contact form but it's not working. I'm using the phpMailer script with a bit of jquery to process the form validation. I'm not set on converting over my current form to work with PW as the phpMailer script is a bit out of date now. All I need is something that works, outputs validation without a page refresh and ideally has some anti-spam measures built in. I know Ryan built the Form Template Processor so wasn't sure if this is a better route to go down? Here's the jquery for my current form. $(function() { // These first three lines of code compensate for Javascript being turned on and off. // It simply changes the submit input field from a type of "submit" to a type of "button". var paraTag = $('input#submit').parent('p'); $(paraTag).children('input').remove(); $(paraTag).append('<input type="button" name="submit" id="submit" class="btn pull-right" value="Send" />'); $('#main input#submit').click(function() { $('#main').append('<img src="assets/img/mail-ajax-loader2.gif" class="loaderIcon" alt="Loading..." />'); var name = $('input#form_name').val(); var email = $('input#form_email').val(); var subject = $('input#form_subject').val(); var comments = $('textarea#form_message').val(); $.ajax({ type: 'post', url: 'sendEmail.php', data: 'name=' + name + '&email=' + email + '&subject=' + subject + '&comments=' + comments, success: function(results) { $('#main img.loaderIcon').fadeOut(1000); $('ul#response').html(results); } }); // end ajax }); }); Any advice is greatly appreciated.
