HTML page in a Flex Application

Hello !
is it possible to insert an HTML page into a flex application
i don't know where to search about the component HTML (Adobe
AIR) and how use it ...
Nicolas "The Newbie "

Here's a link for you to start with:
http://www.codeapollo.com/showthread.php?p=3367
enjoy =)

Similar Messages

Is it possible to load an html page inside a JavaFX application?

Hi
Is it possible to load an html page inside a JavaFX application?
Thank you!
Alexandra.

Actually it is very simple to load an HTML page inside a JavaFX application.
var html:JTextPane = new JTextPane();
html.setPage("http://www.berkshirehathaway.com/message.html");
Stage
    scene: Scene
        content:
            ScrollView
                node:SwingComponent.wrap(html)
}A JavaFX application "tainted" by Swing is still a JavaFX application, isn't it?
Loading an HTML page into a native JavaFX control would be a different story. It is hard.
I don't think it is a top priority for JavaFX team to develop a control to render HTML. Using a Swing component, which supports HTML well, does not make a JavaFX application inferior. But, if JavaFX team could make a fully functional embedded browser control supporting HTML, JavaScript, etc., I would applaud that effort wholeheartedly.
Right now, JTextPane inside a JavaFX application will crash the system, display gibberish, hang for ever or go haywire inexplicably, if JavaScript is used in the HTML page.

Creating a HTML page from the J2ME application

Hi,
I am developingan application in J2ME. Can anyone of you out there, help me whether there is any way I can generate a HTML page from the application.
I have the data but I don't know ho to create a HTML page from a J2ME application.
Any document or any code will prove handy.
Thanking in anticipation.
Ashish

When you say that "you have the data" you mean that you have HTML code data(<html><body>Hello World</body></html>)? If yes you should create an algorithm that "read" html tag and display text in the appropriate layout/font/size/color...
A solution could be simplify your HTML code (server side), so you can easly "decode" and display text.
Giovanni
Italy

How to invoke a HTML page from a GUI application.

Use JFrame to devewlop a GUI.
Add a Button to the GUI.
Click the ADD Button.
Add ActionListener to the Button.
Click ADD Button.
A HTML page with a hard coded path like index.html has to open in a browser.

Hi there,
get Runtime Environment at action performed.
after getting Runtime execute following command,
Runtime.exec("iexplore.exe","java.sun.com");
u should specify location for iexplore.exe and url as parameter to pass to browser.
I think it might work for u,
Dhwanit Shah

Images stored in Application Data folder are not visible in HTML Page generated by AIR Application

Hi Programmers,
I have an AIR application where in I am capturing the images of persons via web cam and storing them in the Application Data folder of the users machine. I am successfully able to do so.
However, when generating the report in the HTML format from within the AIR application, I use the image captured and give the absolute path. but some how the image doesnt appear in the browser, I get the icon for image not found.
When I right click on the image, select property and copy the image path in new browser, I can see that image. Any thoughts on why this is happening?
Thanks,
Hitesh patel

I tried changing the directory as following in java class:
File trgDir = new File("/tmp/myTarget/");
File srcDir = new File("/tmp/mySource/");
FileUtils.copyDirectory(srcDir, trgDir);
but unfortunately Adf mobile application does not support "File Utils. copy Directory" library
so is there any way to circumvent this problem.
Any help would be appreciated

How can imp an existing html page for developing j2ee application?

I have a page in html souce code, that is save from an existing portal page, I need rewrite it as jsp, j2ee. in jdeveloper 10.1.3, how can I import that html souce then I edit on this.
thanks

how can I map the input to the java file? by name or by property?
thanks

How to use custom HTML page in flex web application with out using iframe

Hi all,
I have to import a custom HTML page (that has got links to another html pages) inside my flex web application and i dont want to use IFrame. Can you please suggest me with best example.
Please help me out as i'm new to flex.
Thanks,
Swetha.

Hi, there:
Best thing to do is to start with the default login.html page, and then modify it. The login screen is fairly complex and it's easy to just miss a JS function you need to call. To get to default page, you would need to do one deploy (to simulator or whatever), and then look for login.html page in the temporary Xcode or Android project generated from the deployment. It should be under the "deploy" directory in your JDev workspace.
You can also see all the framework JS files and CSS files that way as well.
We have had customers implementing custom login screen so we know it can work, but they all had to start with the default login screen and then modify it.
Thanks,
Joe Huang

How to Save HTML page in Apex application into our local Windows Box

Hi,
I am having one HTML page in my Apex Application. I want to download this page into my Local Windows machine. How to do this?
Thanks
Yash

I am having one HTML page in my Apex ApplicationWhat did you mean by this ?
<li> If you meant an application page, then they are anot stored as html file anywhere as the page that you see is generated at the run time only, however you can can save that run time page , but its of not much use.
<li> If your intention is to save/backup an apex page, go to the page and export it . This generates a SQL file which you can import into any other apex application and recreate that apex page.
<li> You can also export the entire application as a single file too.

Calling a FLEX application from html, using parameters

Hi guys,
I have this html:
<form name="getTracing" method="POST" action="http://syyzas400/ShipmentInquiry/ShipmentDetails.html">
          QuickTrace
<input type="text" name="TrackNbr" size="14" tabindex="1" maxlength="11">
<br>
Carrier
<select name="Carrier" tabindex="2" style="background-color: #D8E4FF; color: black;
                         font-family: Arial; font-weight: bold; font-size: 9pt; width=114">
          <option>Option1
          <option>Option2
          <option>Option3
</select>
As you can notice, there is an Input field ("TrackNbr") and a selection field ("Carrier") with three options... The user enters a Tracking Nbr.
in first field and chooses one of the three options from the second field and hits <enter>. In this moment, as you can see from "action" area, an html (part of a FLEX application) is called. The problem is that the parameters ("TrackNbr" and "Carrier") are not transmitted and I don't know how to do that.
This FLEX application accepts parameters using URL fragments technique (because could be called from another FLEX application, too)
but obviously this cannot work with the above described form.
I read about External Interface class, but everybody is talking about calling ActionScript functions, not FLEX applications. Being a newbie in this area,
I am sure I am missing something, but what?
Any help would be very appreciated, as usual...
Florin

Problem solved.
I got rid of the form tag (and "action", obviously); instead, I created a JavaScript function used for onClick event of the submit button. Inside this function, I captured the values (using getElementById method) of the input and select field and, using these values, I created the URL for my FLEX application (used with location.href property), and BAM! Everything works like a charm... I am even able to use the Back button to exit the FLEX app and return to the selection screen.
Now my question is, why does it work??? No complaints at all, just curiosity... I didn't use External Interface class, no exposed ActionScript functions prior calling frm JavaScript, no fancy stuff all sites I saw talking about...
Grizz..., I have a feeling that what you described above is a simpler and more advanced way to do about the same thing I did; am I right?
Thanks,
Florin

Strange behaviour when embedding HTML page in Air

Hi,
I'm trying to embedd a HTML page to a Air application.
The HTML page has a simple Flex application (TestFlex4Project.mxml) with a button that changes one HTML element on the web page (TestFlex4Project.html) using ExternalInterface. If I run the Flex application using the HTML page it works just fine and when I click the button the HTML ellement is changed and the mouseover- and onclick events works. If I embedd the HTML page in an Air application the mouseover- and onclick events does not work any more. Why?
If I use Aternative 1 in the HTML code (instead of using Aternative 2 in the HTML code where I'm editing the innerHTML property) the mouseover- and onclick events works when the HTML page is embeded in Air. Why?
Even more strange is that if I remove the line [<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />] from the HTML page the Flex application dose not show at all when embedded in Air. Why?
You can try the online sample here and the files here.
The application looks like this:
And if you click the button and click the upper most text you will recieve a message like this:
But not when I use innerHTML and embedd the HTML page in Air. Can anyone please help me with this issue. Is it a bug or what am I doing wrong? I need to change some HTML elements using innerHTML.
Thanks!!
The code for TestFlex4Project.mxml is like this
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
width="100%"
height="100%">
<fx:Script>
<![CDATA[
   function buttonClickHandler(event:Event):void{
   ExternalInterface.call(" function(){SetHTML();}")
]]>
</fx:Script>
<s:HGroup verticalAlign="middle">
<s:Button label="Edit HTML Element" click="buttonClickHandler(event)"/>
</s:HGroup>
</s:Application>
The code for TestFlex4Project.html is like this
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Test Flex 4 Project</title>
<meta name="description" content="" />
<script src="js/swfobject.js"></script>
<script>
var flashvars = {
var params = {
   menu: "false",
   scale: "noScale",
   allowFullscreen: "true",
   allowScriptAccess: "always",
   bgcolor: "",
   wmode: "direct" // can cause issues with FP settings & webcam
var attributes = {
   id:"TestFlex4Project"
swfobject.embedSWF(
   "TestFlex4Project.swf",
   "altContent", "100%", "100%", "10.0.0",
   "expressInstall.swf",
   flashvars, params, attributes);
   function Message(){
   alert("Message!")
function SetHTML(){
   //Start Alternative 1
   NewHTML.innerHTML = "Dynamically changed text"
   NewHTML.style.cursor = "pointer"
   NewHTML.style.color = "#ff0000"
   NewHTML.onclick = function(){
    Message();
   NewHTML.onmouseover = function(){
    this.style.fontWeight = 700;
   //End Alternative 1
   //Start Alternative 2
   var HTMLStr='<p style="cursor:pointer; fontWeight:300; color:#ff0000" onClick = "Message()" onMouseOver = "this.style.fontWeight=700">Dynamically changed text</p>'
   NewHTML.outerHTML=HTMLStr
   //End Alternative 2
</script>
<style>
html, body { height:100%; overflow:hidden; }
body { margin:0; }
</style>
</head>
<body id="Body">
<p id="NewHTML">This text will change when you click the button!</p>
<p style="cursor:pointer; fontWeight:'300'; color:#ff0000" onClick = "Message()" onmouseover = "this.style.fontWeight='700'">Default text</p>
<div id="altContent">
<p><a href="http://www.adobe.com/go/getflashplayer">
   <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
   </a>
</p>
</div>
</body>
</html>
The code for the Airapplication is like this
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
width="800"
height="566">
<mx:HTML id="HTMLObject" location="TestFlex4Project.html" width="100%" height="100%"/>
</s:WindowedApplication>

Hi,
I'm trying to embedd a HTML page to a Air application.
The HTML page has a simple Flex application (TestFlex4Project.mxml) with a button that changes one HTML element on the web page (TestFlex4Project.html) using ExternalInterface. If I run the Flex application using the HTML page it works just fine and when I click the button the HTML ellement is changed and the mouseover- and onclick events works. If I embedd the HTML page in an Air application the mouseover- and onclick events does not work any more. Why?
If I use Aternative 1 in the HTML code (instead of using Aternative 2 in the HTML code where I'm editing the innerHTML property) the mouseover- and onclick events works when the HTML page is embeded in Air. Why?
Even more strange is that if I remove the line [<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />] from the HTML page the Flex application dose not show at all when embedded in Air. Why?
You can try the online sample here and the files here.
The application looks like this:
And if you click the button and click the upper most text you will recieve a message like this:
But not when I use innerHTML and embedd the HTML page in Air. Can anyone please help me with this issue. Is it a bug or what am I doing wrong? I need to change some HTML elements using innerHTML.
Thanks!!
The code for TestFlex4Project.mxml is like this
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
width="100%"
height="100%">
<fx:Script>
<![CDATA[
   function buttonClickHandler(event:Event):void{
   ExternalInterface.call(" function(){SetHTML();}")
]]>
</fx:Script>
<s:HGroup verticalAlign="middle">
<s:Button label="Edit HTML Element" click="buttonClickHandler(event)"/>
</s:HGroup>
</s:Application>
The code for TestFlex4Project.html is like this
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Test Flex 4 Project</title>
<meta name="description" content="" />
<script src="js/swfobject.js"></script>
<script>
var flashvars = {
var params = {
   menu: "false",
   scale: "noScale",
   allowFullscreen: "true",
   allowScriptAccess: "always",
   bgcolor: "",
   wmode: "direct" // can cause issues with FP settings & webcam
var attributes = {
   id:"TestFlex4Project"
swfobject.embedSWF(
   "TestFlex4Project.swf",
   "altContent", "100%", "100%", "10.0.0",
   "expressInstall.swf",
   flashvars, params, attributes);
   function Message(){
   alert("Message!")
function SetHTML(){
   //Start Alternative 1
   NewHTML.innerHTML = "Dynamically changed text"
   NewHTML.style.cursor = "pointer"
   NewHTML.style.color = "#ff0000"
   NewHTML.onclick = function(){
    Message();
   NewHTML.onmouseover = function(){
    this.style.fontWeight = 700;
   //End Alternative 1
   //Start Alternative 2
   var HTMLStr='<p style="cursor:pointer; fontWeight:300; color:#ff0000" onClick = "Message()" onMouseOver = "this.style.fontWeight=700">Dynamically changed text</p>'
   NewHTML.outerHTML=HTMLStr
   //End Alternative 2
</script>
<style>
html, body { height:100%; overflow:hidden; }
body { margin:0; }
</style>
</head>
<body id="Body">
<p id="NewHTML">This text will change when you click the button!</p>
<p style="cursor:pointer; fontWeight:'300'; color:#ff0000" onClick = "Message()" onmouseover = "this.style.fontWeight='700'">Default text</p>
<div id="altContent">
<p><a href="http://www.adobe.com/go/getflashplayer">
   <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
   </a>
</p>
</div>
</body>
</html>
The code for the Airapplication is like this
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
width="800"
height="566">
<mx:HTML id="HTMLObject" location="TestFlex4Project.html" width="100%" height="100%"/>
</s:WindowedApplication>

Searching in html pages

Hi,
is available any tool to search for a text in a layout and event handlers of html pages of a BSP application ?
Thanks
Marian

I hope your question is about to add the search functionality in BSP application. If so, use BSP Extension "BSP" & Element - findAndReplace.
Raja T

How to load Html page in Flex 4 application

Hi All,
I am able to load html page in flex 3 application but i am unable to load in flex 4 application.
How can i do it.
Can any help me regarding this.
Thanks in Advance
Raghu.

This may help - http://www.deitte.com/archives/2006/08/finally_updated.htm
Thanks and Best regards,
Pallavi Joshi | [email protected] | www.infocepts.com

How to Load a html page into Flex the application?

I want to load separate html page in to my flex application.
for example
think I am in my shopping cart and I wanna buy something and pay for that.Then I am try to pay they will load a separate html page into my shoipping cart.
How can I do that inside flex application?
Any ideas are appreciated..
thnx

Hi snkd,
You need to make use of iframe to load html content in Flex application.
Check out the link below...there is also source code included..
http://www.deitte.com/archives/2006/08/finally_updated.htm
Thanks,
Bhasker

Login flex application using HTML page

Is it possible in flex
For example you click on a button in HTML and it redirect to flex application

Flex applications sit in a HTML page. Just make your button link redirect to that page. It's no differrent to changing a HTML page because that's all you are doing.

Can you use a flex application as part of a whole web page?

Hello all,
Have a quick question. I am coming over from a flash developing background, and I commonly used smaller flash files as 'part' of a entire web page. For example, a small flash video player section with a combo box to select the video to play; this swf file would be sized at about 600px wide by 400px high. Then I would just put that in a div tag and add it to my web page. I am trying to do this with flex, but I am running into issues. It seems that the actual published swf wants to run at 100% of the browser window size. I tried adjusting these dimensions; first trying within flex in the <application> height and width props, but that didnt do the trick; then tried to just use the published .swf file in the web page, and set its <object> properties to my required height and width, which 'almost' works but still falls apart when the video player's full screen button is pressed.
So, is it possible to use a flex 'app' as part of a web page, or was flex intended to run on its own and 'not' as part of a web page? Thanks in advance!

You definitely can. I typically drop the Flash/Flex app into a "mainContent" div within my larger page structure, so my page would look something like this:
<html>
<style type="text/css">
     #mainContent {height: 600px; width: 900px;}
</style>
<body>
<div id="topNav">BLAH</div>
<div id="sideNav">BLAH</div>
<div id="mainContent">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            id="MyFlashApp" width="100%" height="768"
            codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
            <param name="movie" value="MyFlashApp.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#FFFFFF" />
            <param name="allowScriptAccess" value="sameDomain" />
            <embed src="MyFlashApp.swf" quality="high" bgcolor="#FFFFFF
                width="100%" height="100%" name="MyFlashApp" align="middle"
                play="true"
                loop="false"
                quality="high"
                allowScriptAccess="sameDomain"
                type="application/x-shockwave-flash"
                pluginspage="http://www.adobe.com/go/getflashplayer">
            </embed>
    </object>
</div>
</body>
</html>
Note that I'm only using the HTML approach, but the Javascript should work just as well. With the flash set to width=100% and height=100%, it will fill the enclosing div, but that's it. So, if you wanted to make this expand vertically but not horizontally, just set your CSS style to height: 100% and leave width a px or em value. Note that the enclosing divs (i.e. if you had a wrapper div around the navs and mainContent) would also have to expand/contract.
I don't know about the effects of going full screen, though.

HTML page in a Flex Application

Similar Messages

Maybe you are looking for