org.got5.tapestry5.jquery.mixins.Placeholder Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of tapestry5-jquery Show documentation

Tapestry Components Library

There is a newer version: 4.1.1

package org.got5.tapestry5.jquery.mixins;

import org.apache.tapestry5.BindingConstants;
import org.apache.tapestry5.ClientElement;
import org.apache.tapestry5.MarkupWriter;
import org.apache.tapestry5.annotations.Import;
import org.apache.tapestry5.annotations.InjectContainer;
import org.apache.tapestry5.annotations.MixinAfter;
import org.apache.tapestry5.annotations.Parameter;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.json.JSONObject;
import org.apache.tapestry5.services.javascript.JavaScriptSupport;


/**
 * A jQuery plugin that enables HTML5 placeholder support for legacy browsers.
 * The HTML5 placeholder attribute is awesome, unfortunately only supported by
 * some browsers. This plugin replicates the placeholder behavior for
 * unsupported browsers.
 * 
 * @since 2.6.1
 * @see  @see https://github.com/mathiasbynens/jquery-placeholder
 * 
 * @tapestrydoc
 */
@MixinAfter
public class Placeholder {
	/**
	 * The format you want to use for your input.
	 */
	@Parameter(allowNull = false, required = true, defaultPrefix = BindingConstants.LITERAL)
	private String text;

	@InjectContainer
	private ClientElement element;
	
	@Inject
	private JavaScriptSupport js;
	
	void beginRender(MarkupWriter writer) {
		writer.attributes("placeholder", text);
	}
	
	public void afterRender(){
		JSONObject json = new JSONObject();
		json.put("id", element.getClientId());
		
		js.require("tjq/placeholder").with(json);
	}
}