joomla calendar function popup box - joomla

I am trying to get a calendar function to work:
<label id="jform_issuedate-lbl" class="hasTip" title="Issue date::" for="jform_issuedate">Issue date</label>
<input id="jform_issuedate" type="text" value="2013-09-25" name="jform[issuedate]" title="Wednesday, 25 September 2013">
<img id="jform_issuedate_img" class="calendar" alt="Calendar" src="/media/system/images/calendar.png">
However when I use it in the site there is no pop up and no error is thrown. It was working and now isn't. I'm sure I must be doing something stupid and help appreciated

I found the problem
I had this in before another bit of script and it seems it isn't compatible with the calendar function in joomla 2.5

Related

Cypress - Trying to access/use dropdown with no id

I'm trying to set a telephone numbers country code in Cypress. If I had an 'id' to work with I would just use something like
cy.get('#countryCode').select('+44')
However the code I'm working with doesn't have an id to work with. The dropdown html looks like
<select _ngcontent-kln-c8="" aria-label="Country Code for home phone number" class="uppercase mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-pristine ng-valid ng-touched" matnativecontrol="" id="mat-input-6" aria-describedby="mat-hint-3" aria-invalid="false" aria-required="false"><option _ngcontent-kln-c8="" style="display: none" value="">+null</option><!----><option _ngcontent-kln-c8="" class="uppercase ng-star-inserted" value="1: 44"> +44 (United Kingdom) </option><option _ngcontent-kln-c8="" class="uppercase ng-star-inserted" value="2: 353"> +353 (Ireland) </option>
Any help would be much appreciated. Thanks
Not a problem at all. Based on the HTML snippet you provided, I would recommend using the aria-label since this should be unique on the page.
cy.get('[aria-label="Country Code for home phone number"]').select(''+44')
Let me know if you have any other questions!

Reg: Placeholder in the search box

I have created a slickGrid APP and want to have placeholders in the search box. I can see an example in the Angular version of the slickgrid, yet couldnt see its code. I am however using the Javascript version.
Can someone help?
Thank you,
B
Check out http://6pac.github.io/SlickGrid/examples/example-header-row.html as an example.
The filter boxes are created using:
grid.onHeaderRowCellRendered.subscribe(function(e, args) {
$(args.node).empty();
$("<input type='text'>")
.data("columnId", args.column.id)
.val(columnFilters[args.column.id])
.appendTo(args.node);
});
So just add the 'placeholder' attribute to the box, eg:
<input type="text" name="fname" placeholder="First name">

Can't access checkbox with watir

When I'm trying to click checkbox I getting an error
browser.checkbox(:id, 'AgreeToProceedWithPersonalData').click
Element is not clickable at point (314.5, 448). Other element would receive the click: <label for="AgreeToProceedWithPersonalData"></label>
And when I click at element below I getting agreement page opened.
browser.label(:for, 'AgreeToProceedWithPersonalData').click
How do I can set checkbox and do not open agreement?
<div class="checkbox">
<input data-val="true" data-val-mustbetrue="Ваше согласие необходимо для продолжения" data-val-required="The I agree to proceed personal data field is required." id="AgreeToProceedWithPersonalData" name="AgreeToProceedWithPersonalData" type="checkbox" value="true" autocomplete="off" checked="checked">
<label for="AgreeToProceedWithPersonalData">I agree to proceed personal data.
Read the agreement
</label>
<span class="field-validation-valid" data-valmsg-for="AgreeToProceedWithPersonalData" data-valmsg-replace="true"></span>
</div>
Often times developers like to make things pretty by layering things on top of standard html elements, and the driver doesn't like that.
Please don't over-use this, as it is not good practice for most things, but in situations like this I find myself needing to do:
browser.checkbox(id: 'AgreeForBKIRequest').fire_event :click
Most probably there is something very custom with javascript on the page if fire_event is not working. So it is hard to suggest and it will be nice if you will provide the url of the page to experiment with.
However you could try such suggestion with no guaranty (just guess)
browser.execute_script("window.stop")# That will stop all the scripts on the page. May be usefull may be not
browser.execute_script("document.getElementById('AgreeToProceedWithPersonalData').click();")# That will perform click using pure javascript

How do I hide a field given a checked box?

I am trying to create a dynamic query page. I am more than happy to learn ruby on rails which is what I am currently doing. However there is a time constraint for this and I have been searching high and low on how to hide a field on a form if a checkbox is checked. I have next to nothing ruby skills and I cant change to another language. Any assistance would be greatly GREATLY appreciated. Also if you know a good tutorial for doing query pages would help!!!
For a form like:
<form ...>
<input id="hide-box" type="checkbox" />
<input id="field-to-hide" />
</form>
You'll need to use something like JQuery to listen for checking and hide accordingly.
$('#hide-box').on('change', function() {
$('#field-to-hide').toggle($(this).prop('checked'));
});

Image Submit Not working in IE

I have the following code submitting a form
<div class="free-download">
<input name="method_free"
value="<TMPL_VAR lang_free_download>"
type="image"
src="images/free-download.png"
alt="<TMPL_VAR lang_free_download>" />
</div>
it's working fine in firefox, but in internet explorer it just loads the same page for some reason, any ideas?
Thanks
Try the form attribute in the input tag.
<input type="image" form="(ID of the form it belongs to)">
Sometimes inputs can get lost in layouts.
Have you checked to see if you are getting method_free_x and method_free_y posted back to you? Seems when using an image to submit, you get the X and Y coordinates that were clicked.

Resources