Using jQuery to hide a button (wrapped in td tag) based on attribute value (name in this case)

I have simulated what I'm trying to do here:
http://jsfiddle.net/dayjuuk5/
Let me know if you can't see it for any reason.
My question- I'm not sure I understand why this method of hiding this td tag doesn't work. I'm looking for a way to hide this button on page load (not click driven).
Thank you for your time.
Samir

Hi Samir,
Thanks for your sharing.
Best regards,
Patrick
Patrick Liang
TechNet Community Support

Similar Messages

Hide one row on Advanced List Pane based on field value

Hello everyone,
I have a question for you:
Is it possible to hide one row on an Advanced List Pane based on the value of a field of that row?
Here is the actual case:
I have a custom B.O. called "Product Group". This B.O. has an Internal ID and a Description at Root level.
In this B.O. I have a One-Too-Many node called "Descriptions".
On the T.I. of the Product Group there is a tab called "Other Languages". On this tab a user can provide translations for numerous languages for the Product Group Description.
When you create a new Product Group a translations is automatically added for the Current User Log On Language.
Now I want to hide that row in the Advanced List Pane and only show the translations where the "Target Language" is DIFFERENT from the Current User Log On Language.
So in the screenshot above you see we have 3 translations: "Bébé" (FR), "Baby" (EN) and "Bebé" (ES).
Now I want to hide the "Baby" (EN) translation if the Current User Log On Language is English, hide "Bébé" (FR) translation if the Current User Log On Language is French, etc. ...
The Advanced List Pane is currently bound to Descriptions node.
Thanks & Regards,
Glenn

Hello Glenn,
Please refer the below video.
SAP Cloud Dev: Extensibility and Dynamic UI - Part 1 - YouTube
Here Dynamic UI is achieved for input field. You can create transient radio button for each possible records, check the User Logon Data and uncheck the radio button specific to it.
Regards,
Chandan

Using jquery to hide/show field based on query results

I have a form that includes fields for country and state/province. Initially, the state field is hidden. When the user selects a country, I use a bind expression in the state field to get the states in the selected country. I want to display the state field only if the country has states (since some countries don't). Can someone tell me how to do this? Here's the relevant stuff:
<script>
    $(document).ready(function() {
        $('#stateID').hide();
        $('#stateIDLable').hide();
</script>
Country:
<cfselect name="countryID" query="qryCountries" value="countryID" display="country" />
<div id="stateIDLable">State or Province:</div>
<cfselect id="stateID" name="stateID" bind="cfc:geography.getStates({countryID})" />
Thanks.
   Pete

I presume you have a JavaScript function that handles the results of the cfc binding?
If you don't you will need to incorperate one. Then, as well as populating the second select, this function can use logic to show the second set of controls.

HT204023 I am not able to use the personal hotspot in the new ipad 4g version. Please help me out in this case

I am not able to use the personal hot spot in the ipad 3 the new one .

It should be in Settings > General > Network > Personal Hotspot - if it's not there then have you checked with your carrier to see if they support it on the iPad (and even if they support it on the iPhone they don't necessarily also support it on the iPad) ? It may also be an extra fee/subscription from them, and you could check if there is a carrier update.

Disabling a button based on attribute value

Hi,
I have written a function in ViewObjectImpl. I need to call it on a specific condition,that is, if a particular value for an attribute doesn't exist in the table. How can I achieve this?
Thanks & Regards

Hi,
There are couple ways to achieve this.
1. Enable the button only when there is a specific value exist in table.
You can write a method in your impl, that check if there are any matching rows in table and return true or false. Bind the disabled property to an attribute in your backing bean, execute the impl method in backing bean and let the property (which you bound to the disabled property of the button) hold the return value (true or false). Call this method appropriately based on your need.
2. Execute the method always and check the matching row in button.
In the impl method itself, you can check the table if the matching rows exist or not. If exists, then continue the execution of the method, else do nothing.
-Arun

Hide show button and textual area via Javascript or jQuery

Hi folks am Apex newbie using 4.0.1 on Vista laptop running OracleXE (for dev purposes)
A quick desc of what items are on the page of my Helpdesk appkication and what I want to achieve ..
I have a Progress region defined on the page - with textual areas and some region buttons.
Details are have 2 textual areas in my region - 1st textual area shows current progress (this is read only).
Second textual region is where IT person will type latest progress on Helpdesk prob (ticket).
There is a region button Save Progress Text which when pressed will append text from textual area 2 into textual area 1 and
also appends text e.g date / time / userid etc of progress text added.
This all works fine.
Have added a new region button - call it Enter Progress Text - which I would like when pressed will make textual area 2 and the Save Progress Text buttons visible.
I can hide and show the textual area 2 via $X_show / hide but cannot for life of me hide the Save Progress Text button.
I also tried to make a subregion holding textual area 2 and the Svae Progress Text button but again via Javascript / jQuery could not hide the subregion.
Can someone please tell me the syntax of how to hide via Javascript / jquery as can't find anything much at all in the Apex online documentation.
Many, many thanks as always.
P.S Don't want to use dynamic actions or hide / show region as want there to be buttons on screen to make things explicit for user hence my desire to use Javascript.
Wiggywig

Hi,
If its a page item then you can use below script to hide it.
<script type="text/javascript">
$x_HideItemRow('Put your item name');
</script>*Put this code in page footer..

Text Overlapping/Wrapping Issue in BSP(Table Sorter Using JQUERY)

Hi ,
I have a requirement to add a new column in existing table which has been built by Table Sorter method in JQUERY.
I have added the new column but the issue is value for the new column is populated on next line of the table.
This could be a simple width issue, but i don't know JAVA much.Attached the image for reference.
Code i have used is:
<input type="text" name="t_rbclaim[<%= lv_tabix%>].reason" size="3" maxlenth="3" wrapping = "true"
onBlur="javascript:this.value=this.value.toUpperCase();" value="<%= w_rbclaim-reason%>">
Please let me know how to modify the above code in better way.

Hi Raja,
Can you please help on this problem. I want to know whether there is any funciton module to convert the univercel character set code (HTML Codepage) page to SAP codepage. We are going to use ECC 6.0 which is unicode system for background R/3. So we can get the correct character format if identify the correct conversion method.
Please let me know if any information and expect some information on this.
Regards,
Saravanan V

Submit data using Jquery/Javascript during button click

submit data using Jquery/Javascript during button click

Hi,
From your description, my understanding is that you want to restrict edit form with jQuery/JS.
If you want to restrict the default edit form with jQuery/JS, you could refer to these steps below:
Enter your editform.aspx.
Add below code under <asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">.
Save this file.
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function PreSaveAction(){
if($("select[id$='DropDownChoice']").val()==""){
alert("please choose a value!");
return false;
return true;
</script>
The screenshot below is my result(it will not save data after clicking OK in the message alert):
If you customize your list with InfoPath, you could check the checkbox “Cannot be blank” under Validation section or add a rule for your validation as the screenshot below:
In addition, you could check your code with pressing F12 to debug your code.
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

External topics using Hide/Show button

I need to be able to add a Hide/Show button for external topics - i.e. topics that are not part of the RH project, but rather linked to from the TOC using http://
Thanks in advance

Hi there
I'm unclear on what you are wanting. Do you mean that you have perhaps a link to Google, and somehow you need to cause a Hide / Show button to appear on the Google page?
I'm not sure that's even possible.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

How to hide lookup field which is having 20+ items using jquery?

Hi All,
I am able to hide the lookup field which is having less than 20 items using jquery, but unable to do it when it goes beyond 20 items.
My code is for <20 is: $("select[title = 'Column-lookup']").closest("tr").hide();
Thank You.
Ramanjjilu Naidu

Below code is working for me in all browser even with 24 lookup item
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js"></script><script type="text/javascript">
$(document).ready(function(){
$('select[title="Column-lookup"]').closest("tr").hide();
</script> <br/><br/>
Please 'propose as answer' if it helped you, also 'vote helpful' if you like this reply.

Hide "View Item" ribbon element using jquery or css

Hi,
How to hide "View Item" ribbon element using jquery for a single custom list?
In CEWP, i have tried this:
.ViewProperties.Manage.ListItem#Ribbon {
DISPLAY: none
But this is not hiding the "View Item" option.
How to achieve this?
Thank you

I have tried different CSS and Javascript tricks to hide this item but not successed,
Now one another solution i found is to used the SPRibbon.TrimById method,
So for that you need to create one webpart, and add following line of code to it , add this dll first Microsoft.Web.CommandUI.dll
public void HideRibbonItem()
SPRibbon ribbon = SPRibbon.GetCurrent(this.Page);
if (ribbon != null)
ribbon.TrimById("Ribbon.ListItem.Manage.ViewProperties");
Now call this function to the page load event of webpart,
Now add this webpart to that page instead of content editor webpart,
so it will hide the View Item form the custom list ribbon
Hiren Patel | Please click "Propose As Answer" if this post solves your problem or "Vote As Helpful" if this post has been useful to you.

Hide "more" button in a list view, only works for first item in the list

I have the following code in a list view that outputs several dozen items in a web app. The code only works for the first item, how can I make it loop through and execute the test for each item in the list view? The {tag_hide more button} is a checkmark field that yields a numeric 1" if checked otherwise yields a numeric "0".
<div id="more-option">
        <p class="right"><a href="{tag_itemurl_nolink}" class="btn btn-small btn-very-subtle">More →</a></p>
      </div>
      <div class="more-selection" style="display: none;">{tag_hide more button}</div>
      <script>
if ($(".more-selection").text() == "1") {
    $("#more-option").hide();
</script>

What's the URL for the site where you are using this? Offhand, it looks like it should work with your first example so you are either placing the script before those elements are loaded or you might try wrapping your current javascript inside the:
$(document).ready(function() {
--- your existing javascript here
This make sure the code runs once all the html is loaded on the page. Without seeing a URL and debugging with the js console in Chrome I can't give you a solid answer.
But, I do know that you can probably do this with a lot less markup. Once we figure out what the actual problem is I have a better solution mocked up for you on jsfiddle.
When looking at my HTML code on jsfiddle, please realize I setup some dummy HTML and removed your tags and added actual values which would be output by your tags. The main thing I did was remove the whole div.more-selection and instead, added a "data-is-selected" attribute on your div.more-option element. Then, in my javascript for each div.my-option element on the page, we loop through them, find the value of that data attribute and hide that div if it's less than 1 (or 0).
Here's the fiddle for you to look at: http://jsfiddle.net/thetrickster/Mfmdu/
You'll see in the end result that only two divs show up, both of those divs have data-is-selected="1".
You can try pasting the javascript code near the closing </body> tag on your page and make sure to wrap my js inside a <script> tag, obviously. My way is neater on the markup side. If you can't get it to work it's likely a jquery conflict issue. My version is using the $(document).ready() method to make sure all the code is loaded before it runs.
Best,
Chris

Jquery show/hide not working in contribute CS5 or CS6

We use Dreamweaver templates and our users use contribute CS5 or contribute CS6 to edit webpages. We recently added some Jquery code that shows/hides DIVs on the webpage. When our users try to edit this page, the Divs are hidden they are not able to see the content to edit it. Is there a workaround for this?

Hi motiondude,
I am having a similar problem with CS6 and show/hide buttons in an interactive PDF. I am having the German CS6 version of InDesign (just as info).
What my problem is: I have made some sort of „gallery“, where there are small versions of all pictures on the page, and a big version of everyone are on a pile over each other.
When you click the small „preview“ image I made a show/hide action that it should show the big version of the picture. This worked fine on the first page where I tried this!
But on the second page with other images it wasn’t working at all. When I opened the PDF in my Acrobat Pro (Version 10.1.7) the buttons did not show up the pictures when I
clicked them. The first image stayed there.
I for sure checked my setting several times, everything is fine and correct in the actions and buttons area. In the SWF preview I checked it too, everything should work fine.
Yes, I know that this preview is just for SWF, but it is a fast checking tool for actions.
Afterwards I also tried opening the file with the PDF viewer. The problem still was there.
What „solved“ my problem for now was to make an idml and open the file in CS5. Making an interactive PDF out of the CS5 – and it worked!
Though I am just at the very beginning of my document, so lets see if CS5 will be my solution until I am finished with it.
To summ it up, it seems this is really a bug in CS6. I also read here http://forums.adobe.com/message/4482056 that this seems to be a bug. But one in the forum mentioned
this bug should be fixed with the new release. But this was back in 2012! I have the newest update. But I still have the problem.
Maybe it will take some time until it is fixed in the German version? I am not sure. It is really annoying.
I think writing a bug report should be done in this case!

Hide Submit Buttons

Hi,
I have 2 submit buttons.I wrapped them up in a subform.
1st button is used to send e-mail (used Javascript)
2nd button used to save this form to app server (defaulted Javascript code)
Now when user clicks 1st button I need to hide this 1st button & I did it using
this.presence = "hidden";
I also want to hide 2nd button simultaneously.when user clicks 1st button.How to do this?
button 1 click event
----- ADOBE_DATA.#subform[0].buttonform.submitToSAP1[0]::click: - (JavaScript, client) -------------
button 2 click event
----- ADOBE_DATA.#subform[0].buttonform.submitToSAP1[1]::click: - (JavaScript, client) -------------
rgds
vara
Edited by: Vara K on May 26, 2009 9:31 PM
Edited by: Vara K on May 26, 2009 9:46 PM

Hi Vara,
In the Button 1 click event write the following code.
submitToSAP1[1].presence = "hidden";
But it's better to change the name of the buttons instead of having like this :[1].
Regards,
Ravi

Is it possible to manipulate page viewer webpart using jquery on page?

I have an aspx page onto which I have added a page viewer web part to display a powerpoint file. I wanted to hide or remove the close button because closing returns to the library in which the file lives, which is not the desired behavior.
my first solution was to hide the close button using jquery using the following
<html>
<head>
<script language="javascript">
$(document).ready(function()
alert("hello");
$(".cui-topBar1").hide();
</script>
</head>
</html>
I am reasonably certain that this function is called before the page has rendered the page viewer web part, meaning that the html element of interest is not even on the page, which in turn would explain why the function does not do what I desire.
is there a way to trigger this function after the web part is rendered? or, is there a way to intercept the close event or its redirection so that I can send the user to the desired page? Perhaps it is as simple as adding html to hide web part elements,
but that has not worked either.
the ideal solution is to manage page redirection on close or prevent powerpoint viewer closing.
sharepoint 2013 sp1 enterprise farm, self hosted.

Hi Tony,
Thanks for sharing the information. Have a good day.
Regards,
Rebecca Tu
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Using jQuery to hide a button (wrapped in td tag) based on attribute value (name in this case)

Similar Messages

Maybe you are looking for