HTML form, which calls a seperate php file, called action.php:
<form action="action.php" method="post"> <p>Your name: <input type="text" name="name" /></p> <p>Your age: <input type="text" name="age" /></p> <p><input type="submit" /></p> </form>
The contents of action.php:
Hi <?php echo htmlspecialchars($_POST['name']); ?>. You are <?php echo (int)$_POST['age']; ?> years old.
From: A simple tutorial
If you have a PayPal account, go here to set up Buy Now, Cart, Donate buttons.
OK, now give me a dollar!
OK, a penny?
Stock image. Rendered with Maya and Mental Ray
For Macworld Magazine
For Macworld Magazine
For Macworld Magazine
For Macworld Magazine
<?php wp_list_categories(‘exclude=3,4,6,7,10,11,12,20,109&title_li=<h2>Categories</h2>’); ?>
To create white space between paragraphs in a post etc in WordPress.
<br />
This comes from a nice tutorial that you can find here at: More Than A Maths Teacher.
You will need to add a javascript file to the root folder of your current wordpress theme. Code is below. Note the the images I used for the mouse-over are named image.png and image_over.png. For this particular script to work, your images must be names image.png and image_over.png ( “image” stands for whatever you want, and can be replaced). If you want to use another file format, than png, you must edit the code.
jQuery(function($) {
$(document).ready(function() {
// Preload all rollovers
$(".hoverlink img").each(function() {
// Set the original src
rollsrc = $(this).attr("src");
rollON = rollsrc.replace(/.png$/ig,"_over.png");
$("<img>").attr("src", rollON);
});
// Navigation rollovers
$(".hoverlink a").mouseover(function(){
imgsrc = $(this).children("img").attr("src");
matches = imgsrc.match(/_over/);
// don't do the rollover if state is already ON
if (!matches) {
imgsrcON = imgsrc.replace(/.png$/ig,"_over.png"); // strip off extension
$(this).children("img").attr("src", imgsrcON);
}
});
$(".hoverlink a").mouseout(function(){
$(this).children("img").attr("src", imgsrc);
});
});
});
Nextyou will need to add the following code to your head.php file, somewhere between the
tags.
<?php
wp_enqueue_script('jquery');
wp_enqueue_script('jquery-core-ui');
wp_enqueue_script('jquery-tabs-ui');
wp_enqueue_script('hoverlink', get_bloginfo('template_directory').'/rollover.js');
wp_head();
?>
Finally use this format to the post to add the images:
<div class="hoverlink"> <a href="http://www.anysite.com"><img src="http://www.anysite.com/pat/to/your/image.png" border="0" alt="mouse-over" width="200" height="100" /></a></div>