Simple calculator in html5 using web form elements

Hello
I would like to make an educational miniwebsite with my son who is getting interested in internet programming.
I was wondering if html5 could be used to do simple math in html5 using the input of web form elements, such as radio button (for the choice of math operation: add/sub/mult/div) and two numbers in input fields.
Then a submit equivalent would generate the output result, preferrably in a field still on the same page (without going to another page, as it is the case with submit).

I think that you might be looking for something like this:
http://www.developerdrive.com/2012/06/creating-a-web-page-calculator-using-the-html5-outpu t-element/

Similar Messages

Lost Page on when you should use MVC vs when you should use web forms

I read a page last week. I think it was on MSDN. It was talking about the relative merits of MVC and web forms. However, unlike the page http://msdn.microsoft.com/en-us/library/dd381412.aspx,
which merely states the advantages and disadvantages of each format, this page went on to state something like:
You should use MVC:
when building web apps that do this
when you web app needs that
when you are doing the other
You should use web forms:
when building these other kinds of web app
when your web app does this other thing
when your web app does this.
Does anyone know the page to which I am referring?
(Oh and since when did it become impossible to paste anything into a question or reply block in MSDN forums. This makes it very difficult to paste in page links.)
Also I am not seeing an appropiate forum in my forums dropdown list. So if a moderator wants to move it to the right forum I would appreciate it.
Edward R. Joell MCSD MCDBA

@Darnie Graceline Selvamary Thangalazar
The first link is not what I was looking for as it tells the difference between MVC and Web Forms but not which is better for what.
The second link does get more into which is better in certain situations but doesn't really analyze each type of project and specify that this is good for web forms and this is good for MVC. However, it does provide some ways to analyze if your
"situation" would be best served by using web forms and which would be best served by using MVC.
It specified that if reaction time is an issue then MVC is the answer. This is good because with our excruciatingly slow network we need apps that take inherantly as little time as possible to load.
I took another look at the link provided by gaurav. Turns out that link has a link to an article by Dino Espisito which actually has the statement that I referred to above i.e. if your app has a lot of busines data. After two years, that
is as much as I remember of that page. So in fact indirectly gaurav found the page I was looking for.
Too bad I did not re-read this link when I started the current project, though. One thing each of them says is that if your team (in this case me) has not had much experience in handling html elements directly then MVC is not a good fix for them.
For the last 6 months theis has been a major learning process in using JQuery, AJAX, and MVC to accomplish tasks which I've could have done using server controls and web forms with my eyes closed. Too bad they don't make MVC so that you can use server
controls with it.
However since this thread is so old and unlike "Whose Line is it Anyway?" the points
do matter. I am going to award the answer to gaurav. Thanks everyone for providing some very interesting links on MVC.
Edward R. Joell MCSD MCDBA

Import external text file into table in database using web form

I whant to import data from text delimited file located in os
into oracle table using web form.
I am using ORACLE DATABASE 8i, APPLICATION SERVER 9i
and ORACLE FORMS DEVELOPER AND FORMS SERVER 6i (Patch 2)
Is there anybody who know how can i do this?
Thank you!

WebUtil uploads the files as Binary - so yes you could have some issues if you have a Unix host - however, that would only mean that there is an extra character to trim off of the end of the line read by Text_io.

Anybody able to use Web Forms on Godaddy?

I created an empty ASP.NET application by using the VS wizard, first in Visual Studio 2013 (for this one the only setting I changed from the default values was to choose no user authentication so a DB is not needed), then in Visual Studio 2012. I didn't
change a single line of code compared to what the Wizard generated and used FTP to upload to GoDaddy.
Both applications work locally on the dev machine, but neither one works (on any type of browsers) once deployed to GoDaddy. I didn't change anything in the web.config, but the one generated by VS 2103 is almost empty) .Chrome shows error ERR_CONNECTION_RESET,
and enabling detailed errors doesn't work.
GoDaddy support said the problem is with the global.asax but are not able to explain further. From info found on the web and on their site it seems global.asax should be supported. After removing global.asax, the VS 2012 app starts working (but in my app
I need a global.asax!), while the VS 2013 app still doesn't work, throwing an exception about a missing 'respond' resource in System.Web.Extensions.
Has anyone been able to successfully create a Web Forms ASP.NET application with Visual Studio 2012 or 2013 and run it on GoDaddy?

Hi zoorroo,
Glad you've found your solution. If you have any further questions about ASP.NET, please post in
ASP.NET forums where you could get more help.
Thanks very much.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Exeperience in using Web Form

After using and developing Web Form for a few months, the
following are my experience. Hope that someone can help me to
sort out the problem.
1. Start up time is extremely slow.
Referring to some document, it can be solved by customizing the
jar file (but I don't know how to do that) but I just think that
I am developing my application in high speed intranet, is it
useful ?
2. Percentage of successful browse up the web form is 50/50.
I am now using Jinitiator with ie5, sometimes it can browse up
and sometimes it can't. In addition, since the startup time is
very very slow, I don't know if it has fail or it is still
loading up the form. I try to use the debug function of Jinit,
but the result must be "fail to browse up the form". Can anyone
teach me how to monitor the whole process of browsing up the
form ?
Rgds,
Edward
null

See if you have 'enable ad-hoc mode' option available in your dataform design other options(it depends on the version you are in)?
If yes, users can select the attributes and filter the base membrs associated.
--Ram

Using multiple form elements in jspx

Using jdev 11.1.1.2.0 with jsf/adf. We have a link that we display on every jspx page of our application. That link gets included into all jspx pages via a jsp:include. However, for the purposes of this post, I'm going to be showing the code for the included page as actually being in the same file that normally would use the jsp:include to include this code. This link uses the following code in a backing bean to determine if the transaction is dirty. (the bindings property is defined in the class and is 'injected' with the bindings value via the managed bean reference in the faces-config file. I'm just not showing that code to save space here.) Basically, when the user clicks the link the code below will check if the transaction is dirty and if so a popup dialog will show and give the user a chance to save any pending changes.
protected boolean isDirty() {
Boolean b;
if (bindings == null) {
return false;
b = ((Boolean)JSFUtils.resolveExpression("#{bindings.Commit.enabled}"));
// if there is no commit binding, the form is by definition not dirty
if (b == null) {
return false;
return b.booleanValue();
Here's the code in the jspx:
<! The important thing to note here is that this code is within the including/parent page's <form> tag. When i include this same code via the jsp:include it's inside the including/parent page <form> tag
as well -->
<tr:form>

<tr:panelHorizontalLayout halign="right" inlineStyle="margin-top:-5px;">
<tr:navigationPane hint="buttons" inlineStyle="width:120px; text-align:right;">
<tr:commandLink text="Home" useWindow="true"
actionListener="#{managedBeanName.returnButtonActionListener}"
returnListener="#{managedBeanName.returnButtonReturnListener}"
partialSubmit="true">
</tr:commandLink>
</tr:navigationPane>
</tr:panelHorizontalLayout>

<tr:commandButton action="someAction" text="My Button"/>

</tr:form>
This setup works fine.
Now here's the problem... I now have a requirement that I add another link to the code that is to be included. This link needs to open a new browser window and navigate to another page within the
same application. So, I'm now wrapping the code that will be included in it's own <tr:form> tag so that I can set it's targetFrame="_blank" so that when the link within it is clicked a new browser window opens. Here's what that jsp code looks like now:
<! The important thing to note here is that the code that ultimately will be included into the parent jsp (but is shown here as actually being in the parent jsp for simplicity) is wrapped in it's own <tr:form>
So, I have now will have two <tr:form> tags within the page. They are NOT nested, so this is ok -->
<tr:form targetFrame="_blank">
<tr:panelHorizontalLayout halign="right" inlineStyle="margin-top:-5px;">
<tr:navigationPane hint="buttons" inlineStyle="width:120px; text-align:right;">
<tr:commandLink text="Home" useWindow="true"
actionListener="#{managedBeanName.returnButtonActionListener}"
returnListener="#{managedBeanName.returnButtonReturnListener}"
partialSubmit="true">
</tr:commandLink>

<tr:commandLink action="someaction" text="Open New Window"/>
</tr:navigationPane>
</tr:panelHorizontalLayout>
</tr:form>

</tr:form>
Now when I run the app and click on the Home link (which is in the included jsp code), I'm getting the wrong answer from the isDirty() method above. I know the transaction is dirty, but the code says it's not. This for sure has to do with the fact that I now have two <tr:form> tags within the same .jspx, but I don't understand why. Maybe the isDirty() method is not working with the 'right' bindings object now that there are two <tr:form>tags in the same jsp?? Anyone have an idea as to why this doesn't work and/or how to fix for my requirement? Thanks.
Edited by: kcjim on May 13, 2010 1:50 PM

I wanted to update this thread with my findings. It seems that if there are two form tags in the same jsp, the bindings object that you can reference (as i have in the isDirty() method mentioned above will be for the form which actually gets submitted. Consider this jspx code:

<af:form>
<af:panelHorizontal>
<af:inputText value="#{bindings.ApplicationId.inputValue}"
showRequired="true"
columns="20" label="#{res['application.label.text']}"
id="Application" binding="#{managedBeanName.application}">
<af:validator binding="#{bindings.ApplicationId.validator}"/>
</af:inputText>
</af:panelHorizontal>
<af:commandButton text="Submit" useWindow="true" partialSubmit="true"
actionListener="#{managedBeanName.returnButtonActionListener}"
returnListener="#{managedBeanName.returnButtonReturnListener}">
</af:commandButton>
</af:form>

<af:form>
<af:commandButton text="Submit" useWindow="true" partialSubmit="true"
actionListener="#{managedBeanName.returnButtonActionListener}"
returnListener="#{managedBeanName.returnButtonReturnListener}">
</af:commandButton>
</af:form>
If the user makes a change to the input (application id) in the first form tag and uses the Submit button within that first form tag, isDirty will return the correct answer, which tells me the transaction is dirty. However, if the user changes the input (application id) in the first form tag and clicks the Submit button that is
within the second form tag, the call to isDirty() now gives me the wrong answer. It says transaction is not dirty but i know that it is because i've made a change. I understand why this doesn't work now, but I'm still looking for a good solution if anyone has any ideas. Thanks

Web Dynpro Application For developing a simple calculator

Dear Experts,
I am trying to develop a simple calculator application in abap web dynpro .
but i am not able to enable the buttons (1 to 9) . that is what i want is like how it happens in a normal calculator if we press 1 , then in the screen, 1 comes and if 11 then twice we press 1. Like wise i want if the button 1 is enabled then in the input field it should take 1 and if 11 then it should take 11. Kindly give some suggestions to develop this application.
Regards
Swarnadeepta

Hi Swarnadeepta,
I developed a calculator in web dynpro...please go through the following code. I have made a few changes with respect to modularization but the basic concept is still the same.
Method to Enter Data on the screen
METHOD enter_data .
DATA lv_input TYPE i.
DATA lv_flag TYPE c.
***Read input in the screen
wd_this->get_input(
    IMPORTING
      ev_input = lv_input                       " integer
***See whether flag is set. If yes save the present value in global attribute gv_previous.
wd_this->get_flag(
    IMPORTING
      ev_flag = lv_flag                        " wdy_boolean
IF lv_flag = 'X'.
    wd_this->gv_previous = lv_input.
    lv_input = 0.
ENDIF.
***Modify screen input
IF lv_input IS INITIAL.
    lv_input = iv_number.
ELSE.
    lv_input = lv_input * 10 + iv_number.
ENDIF.
***Set the new value of input field
wd_this->set_input(
    iv_input = lv_input                          " integer
***Reset the flag
wd_this->set_flag(
    iv_flag = ''                           " wdy_boolean
ENDMETHOD.
Use the above method on button click
method ONACTIONONE .
wd_this->enter_data(
    iv_number = 1                        " integer
endmethod.
Method to Register Operations
method ENTER_OPERATION .
wd_this->set_flag(
    iv_flag = 'X'                           " wdy_boolean
wd_this->set_operation(
    iv_operation = iv_operation                      " string
endmethod.
Use of above method in operations button
method ONACTIONADD .
wd_this->enter_operation(
    iv_operation = 'ADD'                     " string
endmethod.
Method to calculate
method ONACTIONEQL .
DATA lv_operation TYPE string.
DATA lv_input TYPE i.
***Read screen input
wd_this->get_input(
     IMPORTING
       ev_input = lv_input                        " integer
***read operation requested
wd_this->get_operation(
    IMPORTING
      ev_operation = lv_operation                   " string
CASE lv_operation.
WHEN 'ADD'.
lv_input = wd_this->gv_previous + lv_input.
WHEN 'SUB'.
lv_input = wd_this->gv_previous - lv_input.
WHEN 'MUL'.
lv_input = wd_this->gv_previous * lv_input.
WHEN 'DIV'.
lv_input = wd_this->gv_previous / lv_input.
WHEN OTHERS.
ENDCASE.
***Set the new value of input field
wd_this->set_input(
    iv_input = lv_input                         " integer
***Clear the operation attribute
wd_this->set_operation(
    iv_operation = ''                     " string
endmethod.
Getter Methods example for attribute INPUT
method GET_INPUT .
DATA lo_el_context TYPE REF TO if_wd_context_element.
DATA ls_context TYPE wd_this->element_context.
DATA lv_input TYPE wd_this->element_context-input.
get element via lead selection
lo_el_context = wd_context->get_element( ).
@TODO handle not set lead selection
IF lo_el_context IS INITIAL.
ENDIF.
get single attribute
lo_el_context->get_attribute(
    EXPORTING
      name = `INPUT`
    IMPORTING
      value = lv_input ).
EV_INPUT = lv_input.
endmethod.
Setter Methods example for attribute INPUT
method SET_INPUT .
DATA lo_el_context TYPE REF TO if_wd_context_element.
DATA ls_context TYPE wd_this->element_context.
DATA lv_input TYPE wd_this->element_context-input.
get element via lead selection
lo_el_context = wd_context->get_element( ).
@TODO handle not set lead selection
IF lo_el_context IS INITIAL.
ENDIF.
@TODO fill attribute
lv_input = iv_input.
set single attribute
lo_el_context->set_attribute(
    name = `INPUT`
    value = lv_input ).
endmethod.
Hope this will be helpful. Let me know if you have any doubt.
Its working fine for me.
Regards,
Sayan

Integrate Image-Select to Composite Web Form

Hello,
I try to integrate the ImageSelectComponent to a new web form by using the HowTo-Guide "Creating Component Editors for Composite Web Form Elements", so that the component will be displayed like the HtmlEditorComponent.
That's not so easy as I thought, because I know nothing about the other components.
[HowTo Guide|http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/30c46426-829b-2b10-4286-ec70189e5de5]
So can someone please help me?
Best Regards
Marco

Did you select Run "Rules from Form XX" in composite Form Business Rule section and select Run on save option ? Can you please provide screenshot of your BR section in Composite form and simple form ??

Hiding toolbars in Interactive form element

Hi all,
I am using interactive form element to embed a purely readonly pdf (but content is dynamic) since Iframes is deprecated (any other way?).
I wish to hide the toolbars, options of thumbnails etc. I added the code below to my view controller. However, it does not seem to work. All the toolbars are still showing. Did i do something wrong?
IWDPDFDocumentInteractiveFormHandler iFormHandler =
WDPDFDocumentFactory.getDocumentHandler(wdThis.wdGetAPI(),
"InteractiveForm");
IWDPDFDocumentAppearance appearance =
iFormHandler.getDocumentContext().getAppearance();
appearance.hideMenuBar(true);
appearance.hideToolBars(true);
appearance.hideWindowControl(true);
TIA

Hi,
As the error suggests that you do not have any certificate configured in your key store which is required to authenticate the client to the ADS. You would require to install a client certificate on your Web Dynpro/Portal server that will be used to authenticate the Web Service call to ADS.
But the question is whether you need "Https" for a server to server communication (from your portal server to ADS server) ? Normally, these two servers reside in the LAN. And i suppose you are not using any of the secured functionalities of interactive form (for example, digital signature, certification etc.). I assume that you need "https" call from browser to the portal server and then from portal server to the ADS should be on http. Please confirm on that. If that is the case, then you can follow the section below to change the "protocolSchemeForADSCall" to "http" always. This is what you would need to do in the Visual Administrator where your portal/web dynpro is installed:
In Visual Administrator. Go to ->
Server -> Services -> Configuration Adapter -> webdynpro -> sap.com ->
tcwddispwda -> Propertysheet default
Then goto property sap.protocolSchemeForADSCall
This property is available after you apply SAP note 849730.
Possible values are:
- request: same protocal scheme than the request to Web Dynpro has
- https: always use https
- http: always use http
SET the value as http. This will ensure that web Dynpro to ADS communication always happens on http, rather than on https.
Should you need to install SSL based communication between the two, you would need to follow the note:
838111 > How to configure SSL for Adobe Document Services
Best Regards,
Krish

Hiding toolbars in Interactive form element thru code

Hi all,
I am using interactive form element to embed a purely readonly pdf (but content is dynamic) since Iframes is deprecated (any other way?).
I wish to hide the toolbars, options of thumbnails etc. I added the code below to my view controller. However, it does not seem to work. All the toolbars are still showing. Did i do something wrong?
IWDPDFDocumentInteractiveFormHandler iFormHandler =
WDPDFDocumentFactory.getDocumentHandler(wdThis.wdGetAPI(),
"InteractiveForm");
IWDPDFDocumentAppearance appearance =
iFormHandler.getDocumentContext().getAppearance();
appearance.hideMenuBar(true);
appearance.hideToolBars(true);
appearance.hideWindowControl(true);
Also, the formating (fonts etc) of the pdf in the portal seems to be different from that seen in R/3 form.
Anyone?

Hi,
As the error suggests that you do not have any certificate configured in your key store which is required to authenticate the client to the ADS. You would require to install a client certificate on your Web Dynpro/Portal server that will be used to authenticate the Web Service call to ADS.
But the question is whether you need "Https" for a server to server communication (from your portal server to ADS server) ? Normally, these two servers reside in the LAN. And i suppose you are not using any of the secured functionalities of interactive form (for example, digital signature, certification etc.). I assume that you need "https" call from browser to the portal server and then from portal server to the ADS should be on http. Please confirm on that. If that is the case, then you can follow the section below to change the "protocolSchemeForADSCall" to "http" always. This is what you would need to do in the Visual Administrator where your portal/web dynpro is installed:
In Visual Administrator. Go to ->
Server -> Services -> Configuration Adapter -> webdynpro -> sap.com ->
tcwddispwda -> Propertysheet default
Then goto property sap.protocolSchemeForADSCall
This property is available after you apply SAP note 849730.
Possible values are:
- request: same protocal scheme than the request to Web Dynpro has
- https: always use https
- http: always use http
SET the value as http. This will ensure that web Dynpro to ADS communication always happens on http, rather than on https.
Should you need to install SSL based communication between the two, you would need to follow the note:
838111 > How to configure SSL for Adobe Document Services
Best Regards,
Krish

Is there a way to create a web form for a user to take himself off paid membership subscription?

I know there is a way to add a user to a paid membership subcription using the web form. There is a video on BCGuru that shows how to do it. Is there also a way to use web form for the user to terminate his paid membership? Or does it always have to be done manually by the Admin?
Thanks

It’s not a failing at all. It’s just the way it is.
If you’d like to file a feature request you can do so here: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
Bob

Simple calculations in Universe not working for XI 3.0

Simple calculations in Universe using key figures are not working in XI 3.0(without any Fix Pack)
Below is the steps I followed.
1. Using key figure [Jan] I am trying to round the values by deviding it by 1000.
<EXPRESSION>@Select([Jan])/1000</EXPRESSION>
This gives me a null cell value.
2. I tried addition then
<EXPRESSION>@Select([Jan])+1000</EXPRESSION> result was all the cell values changed to 1000.
3. Finally without calculation I tried
<EXPRESSION>@Select[Jan]</EXPRESSION> this also resulted null value
But without EXPRESSION tag if I try @Select[Jan] it works fine.
Am I missing anything in above expressions.
As of now I am creating variable in report to incorporate the rounding.
Thanks
Raghu

It was my mistake while writing the question. Path I have used is correct one only @Select(Key Figures/.
If i use the above alone, I am able to se the data. But if I use in betwen <EXPRESSION> then it gives null value.
Note: Pls dont confuse with flower bracket i used it just to avoid coverting it to a html link and also the backslash it was not showing in preview
I have followed that pdf and created calculation in universe.
Edited by: Raghavendra Barekere on Feb 6, 2009 6:42 AM

Copy and paste cell content of web form of Hyperion Planning

Our end users encountered performance issues in using the web forms of Hyperion Planning. We have some large web form with 60 columns and 100 rows i.e. around 6000 cells. When end user move around the cell they feel a slow response in the web form especially when copy and paste some cell content from one row to another, or a few cells from one position to other position.
Anyone got similar experience in using web form? Also we understand that Hyperion design will check the cell content of each cell and generate a SQL query to the backend metadata database. It is quite time consuming and waste CPU resource because most of the time our end user will not keep the text information under each cell. We have consulted Oracle team and understand that we cannot disable the cell content checking via SQL query.
Any workaround solution exists to reduce or remove the performance issue in cell content copy and paste?
Thanks!

Hyperion user wrote:
Alp Burak wrote:
Hi,
We had faced the same issue a few years ago. One of our geeks had done a change in either Enterdata.js or Enterdata.jsp which disabled form cell validation. I don't currently have the code with me but it wasn't a big change really, remarking a function could be doing the trick.
I don't think this is officially recommended by Oracle though.
AlpThanks for your advice. We will try to locate the enterdata.jsp and enterdata.js and found out where the SQL being executed.We found out the Enterdata.js under the deployment directory of Weblogic. However it is over 400KB size and many many lines of codes. We think that it is very difficult to locate where should be customized to remove the SQL checking on cell content.
\\Hqsws04\hyperion\deployments\WebLogic9\servers\HyperionPlanning\webapps\HyperionPlanning

Oracle UCM 11G missing Web Form Editor

Hello All,
Oracle 10G UCM provided a WebForm Editor. After installation of newer version Oracle UCM 11G we found the feature is missing.
Is there a substitute provided by Oracle in 11G version for the same?
We need to provide functionality to end users where they could go and create some forms on their own. We were thinking to use Web-Form Editor for the same, but to our surprise we found the feature is missing.
Can anyone suggest if we are missing something. Any help is appreciated.
Thanks.

Kent,
You're correct that the general UCM docs don't include that detail, but the FormEditor component readme.txt does include that info. I didn't open the readme.doc, but the readme says that there's more info in there.
From the component readme:
<snip>
Updated 2010-02-16
The HTML editor UI is now only enabled if the configuration parameter HasWebFormEditorUI is set
to true. See BUG 9218712
</snip>
Thanks,
-ryan
Ryan Sullivan | ECMconsultant
http://www.ecmconsultant.net/
Edited by: Ryan Sullivan on May 5, 2011 12:25 PM

WEB Forms do not display properly with windows 95 LARGE fonts desktop setting

Hi,
We are using WEB forms 6.0 patch level 6 (We tried 6i but had too many bugs with it, we prefer to wait until at least a couple of patches are out, installation was a VERY painful experience for us)
We still have the following problem with WEB FORMS deployed on win95 desktops with LARGE FONTS destktop settings: The forms are not displayed correctly, sometimes there are no scroll bars, resizing a window gives weird results, part of the forms become inaccesible, some forms are blank, etc...
Can you verify or confirm that you have the same kind of problems ? We use jinitiator 1.1.18.
Is it fixed with 6i ? Is it fixed wit jinit 1.1.27 ?
We develop in smal fonts on win95 and recompile under solaris before deploying.
Thanks
null

Thank you all for your fast asnwers. The "Use hardware acceleration when available" was the problem, I disabled it and I will post a message on my site about this.
The site is on-line in the same aspect since 2005, modifiyng the whole site to fit with Firefox11's default setting is not a good option. At that moment, placing a tabel (alligned to the center of the page) and puting in it the thumbnails with links generated by ExpressThumbnailCreator, than manually adding the description in the HTML view of FrontPage was the simplyest way possible to make the site appear properly on my 800*600 px resolution I used then. Of course, I upgraded my hardware and software since then, but the site remained mostly unchanged (except the index and a few files). I know it's time for a new version of the site but... my web-design knowledges are limited to basic HTML.

Simple calculator in html5 using web form elements

Similar Messages

Maybe you are looking for