Hide datefield coldfusion control using JavaScript

I have a straight forward datefield control. Looks like the following:
<cfinput type="dateField" name="dt_RtDate" width="60px" id="dt_RtDate" title="Enter or select repeat date" value="" >
Now I have a javascript function that happens on a click event that I use to want to hide this control it looks similar to the following:
//Hide Repeater control
    var dtRepeater = document.getElementById('dt_RtDate');
    dtRepeater.style.visibility = "hidden";
this works fine, but there is a problem I notice. The textbox dissapears and this is fine, but the calendar image control IS STILL VISIBLE?!
So my question is I am not sure how to reference this control or property to make the entire thing go away. I would also then like to know the flipside of showing it too (which I am using by saying ... dtRepeater.style.visibility = "";   )
So what do I have to do to reference the coldfusion date control to make it dissapear completely?
Thanks,

You could always put it inside a span or div and do your show/hide on that element.

Similar Messages

Hide an HTML button using javascript

Hi,
I need to hide an html buttton using javascript. I have an radio button with values "YES" and "NO". If is select NO then i need hide the button without refreshing the page. Can anyone suggest me how to hide an button using javascript.
Thanks
Prashanth

Prashanth,
The exact solution will vary based on a few factors. The basic idea is to place an event handler on the radio button item that calls a function to hide/show the button. You might also want to call that function when the page loads too.
If you put an example page on apex.oracle.com and provide the workspace/username/password I'll take a look. You can create a new account for this purpose.
Regards,
Dan
Blog: http://DanielMcGhan.us/
Work: http://SkillBuilders.com/

How can I hide figures or characts. using javascript in wad report BI NW 7

Hi,
How can I hide figures or characteristics using javascript or command in wad report ( BI NW 7).
I have read the documentation for WEB API, but it doesn't provide some info on that area.
Thank you.
Edited by: Sergey Antonov on Jul 29, 2011 3:08 PM

You can use REMOVE_DRILL_DOWN in WAD to remove characteristic..to remove a keyfigure with a button you could a variable with that button, which makes an invalid selection of the keyfigure though it is 2000, e.g. set CALYEAR = 1900.
Hope it helps,
Christian

How to hide/disable menu items using Javascript in Acrobat 9 pro or later

We just wanted to know on how to hide/disable menu items for e.g. 'Open' menu item under 'File' menu in Acrobat 9 or later on Mac using Javascript. It would be useful if you could provide if any other option is in place already.

Not sure it will work, but you can try using the app.hideMenuItem() method. See reference here.

Fetching Manager Attribute For The User In PeoplePicker Control Using JavaScript/JQuery

Hi Everyone,
I need to fetch the Manager, Department and Title information for user listed in PeoplePicker control on SharePoint site and List them in textbox using JavaScript.
Please suggest the JavaScript code.
Regards~
Deepak Arora
If you Find the Answer | Article | Blog Helpful Please Vote As Helpful / Mark As Answer

Hi,
According to your post, my understanding is that you want to get the user’s manager, department and title.
We can use the GetUserProfileByName operation of the SPServices to achieve it, you can download it in the
CodePlex.
You can first retrieve the user of the People Picker control.
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
http://sharepoint.stackexchange.com/questions/80839/unable-to-get-user-name-from-the-people-picker-control-using-jquery
Then we can retrieve the user’s information using the SPServices.
I have made a simple code demo to retrieve the user’s manager, department and title as below, you can have a look at it.
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sp/Shared Documents/jquery.SPServices-2014.01.min.js"></script>
<script type="text/javascript">
// When the body is loaded, the onload event handler executes each function whose name is contained in this array.
$(function(){
var managerName;
var title;
var department;
$().SPServices({
operation: "GetUserProfileByName",
async: false,
AccountName: $().SPServices.SPGetCurrentUser(),
completefunc: function (xData, Status) {
console.log($(xData.responseXML).find("PropertyData").parent().html);
$(xData.responseXML).find("PropertyData > Name:contains('Manager')").each(function() {
managerName = $(this).parent().find("Values").text();
//alert("the manager is"+managerName);
$(xData.responseXML).find("PropertyData > Name:contains('Title'):eq(0)").each(function() {
title = $(this).parent().find("Values").text();
//alert("the Title is"+title);
$(xData.responseXML).find("PropertyData > Name:contains('Department')").each(function() {
department = $(this).parent().find("Values").text();
//alert("the Department is"+department);
var obj1=managerName+title+department;
$("#Test").text(obj1);
</script>
<span id="Test"></span>
More reference:
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

How to hide a empty table using Javascript?

Hello!
I'm using Adobe LiveCylce Desinger integrated in SAP. I have a task to hide a database-table, if the table empty is.
Normmaly we can do following to check, whether the content empty is.
if (this.REMARK_TEXT.rawValue == null )
this.presence = "hidden";
else
this.presence = "visible";
The question is, how to check in Javascript, if a table empty is.
Many thanks in advance!
regards
longholiday

I am not too sure whether you have used Content editor webpart to put the JS or CSS to hide the control. see here for more information
http://techtrainingnotes.blogspot.com/2009/09/sharepoint-hiding-search-box.html
Hope this helps!
Ram - SharePoint Architect
Blog - SharePointDeveloper.in
Please vote or mark your question answered, if my reply helps you

Tracking the Date time changes in DatePicker control using Javascript/JQuery

I have two date picker controls(Start Date nd End Date) in my SharePoint Calendar list. And I need to calculate the Hour difference on the fly and show it in a text box.
Can anybody help me to achieve this task using client side scripting?
Thank You in Advance.
Juli

Hi sravankumar1107,
According to your description, my understanding is that you want to figure the difference between start date and end date and then you want to place the value in a text box.
Here is a code snippet for your referecnce:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript">
function initControl()
var txtstartDate = $("#" + $("label:contains('Start Time Date')").attr("for")).val();
var txtstartHour = $("#" + $("label:contains('Start Time Hours')").attr("for")).val();
var txtstartMinute = $("#" + $("label:contains('Start Time Minutes')").attr("for")).val();
var txtendDate = $("#" + $("label:contains('End Time Date')").attr("for")).val();
var txtendHour = $("#" + $("label:contains('End Time Hours')").attr("for")).val();
var txtendMinutes = $("#" + $("label:contains('End Time Minutes')").attr("for")).val();
var starttime = new Date(txtstartDate +" "txtstartHour +":"txtstartMinute);
var endtime = new Date(txtendDate +" "txtendHour +":"txtendMinutes);
var diff = endtime - starttime;
var diffSeconds = diff/1000;
var HH = Math.floor(diffSeconds/3600);
txtHour.val(HH);
</script>
More information for your reference:
http://stackoverflow.com/questions/21844281/i-am-using-datetime-picker-and-want-that-my-start-and-end-date-must-have-differe
http://blog.pentalogic.net/2009/09/setting-default-duration-for-new-calender-events/
Best Regards
Zhengyu Guo
TechNet Community Support

Captivate: Using Javascript to show/hide text captions

Hello,
I want to show/hide a text caption using javascript. I can't find the way of doing it with advanced actions. I dont know if it's because it belongs to a question slide in a pool. Does somebody knows if it's possible and how it can be done??

You can set the length of the variable when you insert it.
15 characters is just the default setting.
What I meant by COULD is that the kind of thing you are asking about here (using JavaScript to hide objects inside a Captivate movie at runtime) is not as simple as you'd like it to be.
JavaScript is not my particular area of expertise, but there are some people that chime in on this forum that ARE experts at JS. But I think they would also be the first to say that it's not as simple a thing to pull off as just "knowing the command to hide/show an object".
The easiest tool to use in Captivate for showing or hiding objects is Advanced Actions. The next easiest thing to use is ActionScript 3, and that's hard. JavaScript is a very useful programming language, but it spends all of its life outside the Captivate movie looking in through AS3's External Interface. So JS alone is not going to solve all your issues.

How to Hide some Rows in a List view Web Part using JavaScript ?

How to Hide some Rows in a List view Web Part using JavaScript ?

Here is the code that worked for me:
var Elements = document.querySelectorAll('div[id=WebPartWPQ3] table[class=ms-listviewtable]>tbody tr .ms-vb-lastCell.ms-cellstyle.ms-vb2')
for(var i=0, n = Elements.length; i < n; i++)
if(Elements[i].innerHTML=="India")
Elements[i].parentNode.setAttribute("style","display:none")
WebPartWPQ3 -> ID of webpart Div
ms-listviewtable -> class name of table in Div
ms-vb-lastCell.ms-cellstyle.ms-vb2 -> classname of td to get text

How to hide a table row in pdf using javascript?

How to hide a table row in pdf using javascript?

This is only possible with LiveCycle Designer forms, not PDF forms created
in Acrobat.

How to validate People Picket control at client side using javascript/Designer in New form.aspx

Hi Folks,
I have list library with 2 columns. where as 1 column is people picker control and it is not mandatory filed .
When the user open newform.aspx and fill all the column values and submit it should show error message if user not enter any data in people picker control column though it is not a mandatory column.
How to achieve this by using javascript or sharpoint designer.

Hello,
Here is script for that:
http://social.msdn.microsoft.com/Forums/en-US/f1c2a651-a0fb-484d-af33-e7084439b6c8/validate-sharepoint-people-picker-using-javascript?forum=sharepointgeneralprevious
http://ankursharepoint.blogspot.in/2012/10/javascript-validation-of-people-picker.html
Edit your newform.aspx page and add content editor webpart on that page. Then add script on HTML source section.
Hope it could help
Hemendra:Yesterday is just a memory,Tomorrow we may never see
Please remember to mark the replies as answers if they help and unmark them if they provide no help

Using Javascript to hide objects that have no "binding" tab?

Hello,
I'm attempting to create a form that uses checkboxes to hide a variety of fields. I've run into a problem though; it seems that only text fields have a binding tab (unless I'm missing something). Is there a way for me to do show hides for images and text boxes? When I hold ctrl and hover over these items there is a small circle with a red line through it, which seems to express that it is impossible to manipulate them using javascript.
For the record, I'm using javascript as seen below:
BusinessDBAname.presence = "hidden";
If someone had any definite answers on this I'd really appreciate it.

Hi,
sorry to say that, but this is a really bad form design.
There are a couple of things you can make it better.
1. Give unnamed subforms a suitable naming
2. Use subforms to organise your form
3. Don't embed fonts at all when you only use the default fonts Arial or Myriad Pro
4. Don't select the checkbox to embed images (they will get embedded always but this method requires more space)
5. Set option to prevent script changes in the form to automatically, otherwise the changes wont be saved
Ok, I suggest you to create a set of subforms to represent your Section 1 - 9.
In each subform you then add a subform for business and sole proprietor.
Into those subforms you then put the desired fields, images etc.
This allows you much shorter scriptings because you only have to change the presence of the surrounding subforms to show/hide an entire set of objects.
You form design finally should look something like this.
form1
     Maserpage
     PayeeSetupRequest
          Section1
               Business
                    Textfield1
                    Textfield5
               SoleProprietor
                    Textfield1
                    Textfield3
          Section2
               Business
                    Textfield1
                    Textfield5
               SoleProprietor
                    Textfield1
                    Textfield3
          Section3
Hope this helps.

Using javascript to control playback

I'm trying to figure out how to use javascript to control
playback of a captivate-movie.
I want to control the playback (play, pause and so on) using
javascript only. The playback-control in captivate does not "blend
in" with the design on our website. I want to make a custom
html/javascript playback-control.
I was hoping that the captivate-player could be controlled
easily with javascript, perhaps something like this:
http://www.jeroenwijering.com/extras/javascript.html
Any suggestions?

quote:
Originally posted by:
CatBandit
I don't know how to do it with Java-script, but yes, I think
it can be done. I'll leave that to someone else more skilled at
that than I.
Have you considered creating your own Captivate playback
controls? That might be another option. You can do that with a good
image editor and some spare time. To see examples of what I'm
talking about, try:
Project > Skin > Skin (drop-list) > "bmp playbars"
Paul Dewhurst, an Adobe Community Expert for Captivate has
specific instructions for building your own playbars on his
web-site "raisingaimee".
Click
here to see Paul's coverage of playbars
Hope this helps - in any case,
welcome to the Captivate User's Community!
Thanks for the tip Larry! I will take a look at the link in
your post.
We already have a design for playback-control on our site
(for embedded windows media player), which blends perfertly into
our existing design. I really hope that it's possible to control
the captivate-move with pure javascript. But I will "play around"
wit the "bmp toolbars" feature. Thanks!

Using JavaScript to Hide/Show Items

Hello
Trying to use Javascript to check a List Item value.
IF List Item value IS NULL THEN
HIDE some other items
ELSE
SHOW some other Items
I managed to locate some code to determine a NULL value.
This works and I even can display a an alert message
When I attempt to Hide the other Items, nothing happens
Any Help on this matter - Urgently required for a Deadline
Here is the code I am using :
function show_InvestigatorData(){
var lCheck = html_SelectValue('P1000_INVESTIGATOR_ID');
// if Investigator populated, show the Investigator fields
if(lCheck &&
lCheck != '' &&
lCheck != 'null' &&
lCheck != '' &&
lCheck != ' '){
alert('this value is ' + lCheck);
html_ShowItemRow ('P1000_INVESTIGATION_START_DATE');
else {
// otherwise hide the Investigator fields
alert('this value is null');
html_HideItemRow ('P1000_INVESTIGATION_START_DATE');
Many Thanks in advance
Ade

Ade,
Carl Backstrom has a great sample site with examples of what I believe you are trying to accomplish:
http://apex.oracle.com/pls/otn/f?p=11933:5:661046971170606::NO:RP::
From either the menu or the index, select Javascript and then "Show/Hide/Toggle Form Items".
Hope you don't mind the plug Carl.
MovingTarget

Change the value of a SharePoint List lookup control value using javascript

hi,
could you please help in changing the value of a SharePoint List lookup control value using javascript.
Please note that i have to change the lookup value which is in the form of a drop down from the infopath form.
Thanks

https://stackoverflow.com/questions/5678210/select-dropdown-menu-option-with-javascript
Does that help?

Hide datefield coldfusion control using JavaScript

Similar Messages

Maybe you are looking for