Creating WP Custom Metabox With Add Text Input Button
Oct 31, 2010
I'm trying to create a custom meta box on Wordpress with multiple text fields.The idea is that there is initially one text box, then you can click the button 'Add New' and a another text box is added. This needs to be via Ajax; using Javascript doesn't physically create the HTML and I have to use a PHP foreach loop to get all of the values from and combine them into an array in order to be saved.
Currently via PHP I've created a foreach loop that creates a text box for each value from the custom field (etc, 3 text boxes). I want to create a button that when clicked, it will add another blank text box as part of this foreach loop. When the post is saved, it will get the values from the 4 text boxes and save them back into the array.
View 1 Replies
ADVERTISEMENT
Oct 19, 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000000">
I'm trying to create a new validation rule to check if a button has a class. I try to explain the scenario. I have a button that makes an ajax call to check the availability of a product. When the app loads the button as class "to_check", when the button is clicked an ajax call is fired, a server script return the availability of the product and basing on this answer I change the class of the button from "to_check" to "ok" or "ko". Now I want to validate the button to se if the availability is being checked and is ok, then I wrote this:
<pre>$.validator.addMethod('hasClass', function(value, element) { if($(element).hasClass(value)) {
return true;
} else {
return false
}},
jQuery.format('Please check the button'));</pre>
Now I want to add this rule to the button with the metadata plugin inside the class name with this syntax:
<pre id="line175"><span id="__firefox-tidy-id"
style="background-color: rgb(221, 221, 255);"><<span
class="start-tag">input</span><span class="attribute-name"> type</span>=<span
class="attribute-value">"button" </span><span class="attribute-name">name</span>=<span
class="attribute-value">"verifica_disponibilita" </span><span
class="attribute-name"> .....
View 2 Replies
View Related
Sep 23, 2010
So I created a custom rule following numerous examples out on the web for a dynamic text input, but for some reason it seems to be letting spaces through even though my regexp tests out ok to not match when the value is any combination of spaces...
$.validator.addMethod("noSpace", function(value, element){
return this.optional(element) || /^[a-z0-9][a-z0-9_ ]{0,70}$/i.test(value);
}, "Please enter a name starting with either a letter or a digit.");
$('#form').validate({
rules: {
[Code]...
The odd thing is, it will work if you type in a space followed by a character, but if you type in one space, or one space followed by x number of spaces, it just lets it through like it's valid. But yet when I look at the demos and examples that I pulled this from, they never let those scenarios go through.
[Code]...
View 5 Replies
View Related
Jan 4, 2006
I'm trying to create a javascript function that will allow the user to
press a button within the html code that will add a text box right
above the button. If the user presses it a second time it should add a
second text box right under the previous text box. Any ideas?
View 15 Replies
View Related
Jul 5, 2011
I was wondering if it is possible to do something like the following:
$
(
'div'
)
[code]....
Basically I often want to be able to directly start using the $(this) selector without having to use an existing function like .each().
View 3 Replies
View Related
Feb 7, 2009
I'm trying to create a CUSTOM google search form for my website but i'm running into problems. If you go to my website [url] and at the top it says "Download Free Music" What should happen is you type the song and it creates a custom google search once you hit "super google search". It does not search and goes to a blogger page
A extact working copy is on [url] which i'm trying to integrate on my site [url]
The code for the custom google search intitle:"index.of" (mp4|mp3|avi) SONG NAME GOES HERE -asp -htm -html -cf -jsp
View 2 Replies
View Related
Oct 18, 2011
I've found many examples of creating slideshows using javascript all over the internet and these forums. However, I haven't found any that show how to create a slideshow and give each slide a different time interval between switching to the next one.
I'm changing my website over from a Flash based one to something that can be read on all devices. In doing so I've looked for ways to add a little motion to the site. I'm working with a friend who has been doing most of the site but here and there I like to get my hands dirty and try some things on my own. Unfortunately he doesn't know Javascript.
I wanted to have an animation window in the bottom corner of the page. Look at [url] to see what I came up with. I took a slider plugin for Wordpress and basically created a bunch of slides and entered them in to switch every .5s so that I could change how quickly they changed images by making some of them repeat the same slide 4 times for 2s, 2 times for 1s, etc. Though it's not pretty, it works. On Firefox everything looks great although it'd be nice to have fade in and out on each slide. On an iPad or IE it actually shows the flash between slides even when they're the same image. Quite frankly, it's ugly. Does anybody have any ideas?
I'm trying to get this to work in a Wordpress site on a window with dimensions of 450X230.
View 18 Replies
View Related
Oct 20, 2010
I need to have a text input with a button, and when the button is clicked the text must be copied to a div. When copying, each character needs to be placed on a separate line within that div container. Before this happens though, the content currently in the div must be cleared.
View 4 Replies
View Related
Apr 10, 2005
trying to insert html into a text area when clicking a image, I can insert normal text but can't get the html to insert, anyhelp is great. PHP Code:
<head>
<script language="JavaScript" type="text/JavaScript">
function sendText(e, text)
{
e.value += text
}
</script>
</head>
PHP Code:
<img src="images/archive_download_ie.gif" name="image" width="72" height="19" onClick="sendText(document.add_post.content, '<a href="#"><img src="images/archive_download_exe.gif" width="72" height="19" border="0"></a>')">
View 4 Replies
View Related
Oct 9, 2011
I have a table (not in a form) that has several input text boxes. I want to have a reset button that acts like the form RESET button. I thought I would use the following jQuery method:
Here's my reset button code:
Here's one of my table input lines:
I thought this would be simple, but I can't seem to figure out how to target the text that the user types into an input field before he/she decides to "reset" and start over.
I'm thinking that my problem is that I can't find the correct syntax for my line: $('input.firstname').value('')
View 7 Replies
View Related
Jul 27, 2010
I'm trying to reduce the height of input buttons, but am unable to center the text vertically. Tried every css trick I know, but the text is still too low (I can make it lower :P). Any way to do this?
View 4 Replies
View Related
Nov 22, 2010
I am working with a php code that I am trying to edit a bit. The last part I am trying to change I cannot figure out. Essentially I want to change the "Login" submit button to just a text link that says "Login" instead.
[Code]...
View 19 Replies
View Related
Mar 3, 2010
Recently in my IT class, we made a HTML page which would open a popup box, where the user could enter a key word. When the user pressed enter, the page would navigate to a specific page. The code we used was:
<script language = "JavaScript">
where = window.prompt ("Please tell me where you would like to go.");
switch (where){[code].....
implement this code on my workplaces server, and have the keywords link to other html documents within the server. However when I tested this, for some reason the links are not working.
View 1 Replies
View Related
Jun 3, 2011
I have been trying to figure out this seemingly easy function and have not had any luck.
Anyways, I have a form with a list of radio buttons, and one of them has a "select your own" or "custom" text entry.
<input type="radio" name="text" value="1" checked /> 0
<input type="radio" name="text" value="2" /> 1
<input type="radio" name="text" value="3" /> 2
[Code].....
Essentially, whenever a user either clicks in the text input or starts typing in the input, I would like the radio button to be selected. As of now, if you open the page and click on the text field, the default 'checked' radio button still is checked.
Does anyone know of a simple "onclick" event or something similar to accomplish this?
View 8 Replies
View Related
Jan 25, 2011
I'm using jquery with wordpress to display custom fields for rollovers.
The issue that I'm having is that I'm using the same div class to dynamically pull images from custom fields with in a post. when I do this, every time I rollover one image all the images switch to their rollover state. I figure I need an array to get them to function individually.
<?php
View 2 Replies
View Related
Dec 8, 2010
I use DatePicker to select an expiration date for an item. It is triggered by a image button, I don't want to show a textbox for this field, just an icon. I want to add a button inside the DatePicker (in the button panel) for 'Cancel Expiration Date'.
View 1 Replies
View Related
May 11, 2010
I wrote this form to try to display the value of the chosen radio button on a text input.
<form>
Choose one choice...
<input type="radio" name="group1" value="5">Five<br>
<input type="radio" name="group1" value="10">Ten<br>
<input type="button" value="Get Result!" onClick="T1.value=group1.value"><br>
[Code]...
How come the onClick="T1.value=group1.value" results in undefined instead of 5 (or 10) ?
View 1 Replies
View Related
Jul 20, 2005
I would like to use input type file, but i would like to put any file in it
when i go on the page for example when user go back after try to submit
imagine any form to fill for send information...but after the user
validate....one on the fields is bad...then the user must be correct this
field.....But i don't want another fields are empty. The user must just
correct one fields and keep another fields
View 3 Replies
View Related
Jul 16, 2011
I have a problem created by my complete [rookie] status – only second time venturing into jQuery. I created a simple shopping cart using php and the PayPal buttons (1: buy now, 2: add to cart). The php back end does it great, it generates the table and the buttons and everything works just like it’s supposed to; Except, I forgot to add sizes. So I found out what I need to add, and I realize that the way the buttons work, I will have two different text boxes for size. Not very visually appealing, and since I’m not submitting this to the server before it goes to PayPal to pay, I cannot modify it with php the way I normally would. jQuery / javascript are my only hope of making this work. What I want to do:Have a single textbox where [size] is entered by the user.
Copy the value from the [correct] text box to the Value=”” section of the now hidden field in the PayPal form That way, no matter whether they [BUY NOW] or [ADD to CART] the right size is submitted to the PayPal shopping cart. This is the actual PayPal code that I’m trying to change
<table>
<tr>
<td>
<input type="hidden" name="on1" value="Size" maxlength="200">Size</td>
[code].....
I got this far, and then decided to find how to insert the "enteredVALUE" into the right place in the input text field (what I called output) and I've not been able to figure out how to stuff it in there.
View 3 Replies
View Related
Aug 19, 2010
I am trying to use SetAttribute to append a custom attribute to a form input. The code is below.
Code JavaScript:
function getpostdata(){
// Append the values[code].....
View 4 Replies
View Related
Jul 20, 2005
I want to have a custom button change appearance when pressed and then
call a function and change back to its original appearance when released.
here's what i have now, which works mostly. "drop" is my handler for the
button, its argument tells me which button was pressed. i have a number
of these buttons and they are organized in a table.
there is a fair amount of superstition here, the result of many tiny
experiments i ended up with this which seems to work best: Code:
View 1 Replies
View Related
Aug 1, 2010
Im new to jquery so bare over with me :) I have a form, and when the user clicks the submit button, I want jquery to first validate a date field for its format. The format has to be like this: dd-mm-yyyy. So a date of 30-30-3000 would also be valid.
View 4 Replies
View Related
Oct 11, 2011
I basically need, when the enter button is pressed on the keyboard to trigger a button. Currently, my code works but it just refreshes the page and does not actually trigger the desired button:
//HERES MY CUSTOM BUTTON:
<BUTTON TYPE="submit"
onMouseOver="goLite(this.name)"
[code]....
View 2 Replies
View Related
Dec 1, 2010
I want to create a custom radio button. Basically I would like an image to act like a radio button. When selected the image border changes to highlight it. When a different image is selected it's border becomes highlighted and the previous selected image's border returns to normal. Only one image may be selected at a time. A value would then be passed in the form when submitted. I am wanting it to act like the way in print preview you can select the page orientation (portrait or landscape) by selecting the appropriate icon.
This is the code I came up with. It seems to work well but I thought someone here might know a better way to do this. To test subsitute your own images with file paths.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
[Code]...
View 2 Replies
View Related
Nov 2, 2010
I am working with customised form validator..I've this html structure
<div id="tab-perfil"><fieldset>
<legend>Dados Pessoais</legend>
<div class="columns">
<div class="colx3-left-double required">
<label for="nome">Nome</label>
<span class="relative">
<input type="text" name="nome" id="nome" value="" class="full-width">
</span></div>
What I want to do is after the input add a span, I know how to do that, just use insertAfter('#nome'); but I have a class for the ERROR and a class for the OK. This is what I have so far
this.find("#formulario_criar-cliente").submit(function(){
var $inputs = $('#formulario_criar-cliente div .required :input');
$inputs.each(function() {
if ($(this).val() == "") {
$(this).addClass("error");
} else {
$(this).removeClass("error");
}});
return false;
});
When I add the class error I want to show a span with a class="check-error" and when I remove the class I want to show a span with a class="check-ok" but remove the error one. This is for multiple inputs... and I don't know how to achieve that =x
View 6 Replies
View Related
Dec 9, 2011
We have a situation where we need to associate custom data for each radio button, and there could be hundreds of radio buttons on one screen. Also the amount of data for each radio button can be substantial.I took a look into using the .data() method but discovered that I could not set the custom data inline with the radio button. It looked like I would need to call each radio button from within the script block to use jQuery to set the data.I tried using the HTML 5 data attributes but it didn't work for us. I have a prototype put together where I am adding the custom data to the [title] attribute for each radio button. Is this the right thing to do? Is there a tag based string structure we can use for setting and searching the custom data?
View 7 Replies
View Related
