salesforce - How to refer html element id specified in visualforce and pass onto javascript function? -

-

i have apex tag generate input text field.

<apex:page id="my_page">     <apex:inputtext id="foo" id="c_txt"></apex:inputtext> </apex:page>

when clicks field, want execute javascript.

but when check html source, apex tag becomes input tag has (i think) dynamically generated part.

   <input type="text" size="50" value="tue nov 16 00:00:00 gmt 2010"  name="j_id0:j_id3:j_id4:c_txt" id="j_id0:j_id3:j_id4:c_txt">

as can see id has junk part :(

id="j_id0:j_id3:j_id4:c_txt"

in javascript i'm trying getelementbyid('c_txt') not work of course. how deal this???

update

seems can not working...

<apex:includescript value="{!urlfor($resource.datepickerjs)}"></apex:includescript>  <apex:inputtext id="foo" id="c_txt" onclick="javascript:displaydatepicker()" />

datepickerjs

var elem = getelementbyid('c_txt'); alert(elem);

the alert shows 'null' must wrong.

even alert returns null...

var targetdatefield = document.getelementbyid('{!$component.my_page:c_txt}'); alert(targetdatefield);

you can use $component notation in javascript, use so:

var e = document.getelementbyid("{!$component.componentid}");

one thing wary of though, if element contained within several levels of visualforce tags have ids:

<apex:pageblock id="theblock">     <apex:pageblocksection id="theblocksection">         <apex:commandlink action="{!someaction}" value="link!" id="thelink"/>  // snip  // in javascript reference component using: document.getelementbyid("{!$component.theblock.thesection.thelink}");

Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more