The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex
No problem there.
ReplyDeleteAdd ZendX_JQuery to your library if you use autoload.
Then extend ZendX_JQuery_Form to your needs.
Do your stuff in the init() method of your class.
For example, I was able to create an AutoComplete field which has regular Zend_Form validation plus JQuery behavior like this:
$elem = new ZendX_JQuery_Form_Element_AutoComplete(
'query',
array('Label' => 'Search',
'required'=>true,
'filters'=>array('StripTags'),
'validators'=>array(
array('validator'=>'StringLength',
'options'=>array('min'=>'3'),
'breakChainOnFailure'=>true
),
array('Alnum')
)
)
);
$elem->setJQueryParams(array('data' => array(),
'url' => 'my_autocomplete_callback.php',
'minChars' => 1,
'onChangeInterval' => 500,
)
);
Then I even changed the default decorators like this:
$elementDecorators = array(
array('UiWidgetElement', array('tag' => '')),
array('Errors', array('tag' => 'div', 'class'=>'error')),
array('Label'),
array('HtmlTag', array('tag' => 'div')),
);
$elem->setDecorators($elementDecorators);
And finally add to my form (remember I'm in the init() so I'll address it via $this):
$this->addElement($elem);
There you are, the magic is done.
PS: don't forget to add the following in your bootstrap:
$view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
Well, Zend_Form will not generate any client-side JavaScript validators for you, if that's what you mean.
ReplyDeleteBUT: You can just do all the validation on the server, and use jQuery to hook into the fields' change events, and to AJAX-ify the form validation.
Check that for a sample.
http://web.archive.org/web/20100814175334/http://steven.macintyre.name/zend-framework-jquery-form-validation-plugins/
ReplyDeleteHere we show how to add a plugin to the Zend framework to handle the client side vlidation