How to embed JavaFX 2.0 application with jsp (to deploy it on server)

Hi All,

i am very new to JavaFX 2.0, i have downloaded the javaFX sdk and runtime and created standalone projects using eclipse IDE.

now i want to deploy these stand alone application in jboss server to give demo to my client, i tried so many ways but failed to deploy the application on server.

can any body tell me the steps how can i embed and deploy the javaFX 2.0 application on server.

the below one is my javaFX code.

import javafx.application.Application;
import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class AddingControlsToLayout extends Application {
	
	public static void main(String args[]){
		launch(args);
	}

@SuppressWarnings("static-access")
	@Override
	public void start(Stage primaryStage) throws Exception {
		primaryStage.setTitle("Adding Controls to Layout.");
		Group group = new Group();
		Scene scene = new Scene(group,350,300,Color.WHITE);
		
		GridPane gridPane = new GridPane();
		gridPane.setPadding(new Insets(5));
		gridPane.setHgap(5);
		gridPane.setVgap(5);
		
		Label fNameLabel = new Label("First Name");
		TextField fNameTF = new TextField();
		
		Label lNameLabel = new Label("Last Name");
		TextField lNameTF = new TextField();
		
		Button saveButton = new Button("Submit");
		
		gridPane.setHalignment(fNameLabel, HPos.RIGHT);
		gridPane.add(fNameLabel, 0, 0);
		
		gridPane.setHalignment(lNameLabel, HPos.RIGHT);
		gridPane.add(lNameLabel, 0, 1);
		
		gridPane.setHalignment(fNameTF, HPos.LEFT);
		gridPane.add(fNameTF, 1, 0);
		
		gridPane.setHalignment(lNameTF, HPos.LEFT);
		gridPane.add(lNameTF, 1, 1);
		
		gridPane.setHalignment(saveButton, HPos.RIGHT);
		gridPane.add(saveButton, 1, 2);
		
		group.getChildren().add(gridPane);
		
		primaryStage.setScene(scene);
		primaryStage.show();
		
	}
}

Thanks in Advance
Maddy.

You can embed it as an applet or even deploy it as a jnlp application. You can find more details here.

And Welcome to Javaranch. Please UseCodeTags for posting your code. I have edited the post and added the code tags for you.

Thank you very much Mohamed for quick reply.

i have tried to embed JavaFX application with applet code but it has thrown exception like its not an applet and can't be type cast some thing.

i dont know JNLP much but i have tried with sample code which are available on web but its giving jnlp error

my jnlp and jsp code is here:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>RippleEffect</title>
</head>
<body>
<h1>Adding Controls to Layout q1	q</h1>
<script src="dtfx.js"></script>
<script>    
    javafx(
            {
                  archive: "WorkBook1.jar,",
                  draggable: true,
                  width: 200,
                  height: 200,
                  code: "webapplication.AddingControlsToLayout",
                  name: "Foo",
                  loading_image_url: "http://dl.javafx.com/javafx-loading-100x100.gif",
                  loading_image_height: "120",
                  loading_image_width: "80"
            }
        );
        
</script>
</body>
</html>

and jnlp code is here:

<?xml version="1.0" encoding="utf-8"?> 
<jnlp spec="1.0+" codebase="http://localhost:8080/Demo/" href="Test.jnlp">
	<information>
		<title>Jnlp Testing</title>
		<vendor>YONG MOOK KIM</vendor>
		<homepage href="http://localhost:8080/Demo/hello.jsp" />
		<description>Testing Testing</description>
	</information>
	<security>
		<all-permissions/>
	</security>
	<resources>
		<j2se version="1.7+" />
		<extension name="JavaFX Runtime" href="http://dl.javafx.com/1.3/javafx-rt.jnlp"/>
		<jar href="WorkBook1.jar" />
	</resources>	
	<application-desc main-class="webapplication.AddingControlsToLayout" />
</jnlp>

can you please give me some sample code or tell me what is the problem in my code.

Thanks,
Maddy.

The code in your last post is JavaFX 1.x, not JavaFX 2.0. Learn to tell the difference between a scripting language and a Java API.

Have you gone through the JavaFX 2.0 tutorials and documentation? There's a section on Deployment in the Browser.

edit I see Mohamed Sanaulla already gave you a link to the Deployment section of the same tutorial. Didn't you click the link and read the page?

You can refer to my answer to your question here: https://forums.oracle.com/forums/thread.jspa?threadID=2344301&tstart=15

I believe the last post by maddy was JavaScript not JavaFX script, but the embedding JavaScript does not like correctly uses the JavaFX deployment toolkit http://java.com/js/dtjava.js and provide an identified html div placeholder for the application as instructed in section 5 of the deployment guide referred to by Darryl.

Thank you very much John,

i have changed jsp page to html page and instead of dtfx.js i am using dtjava.js
the below one is my html page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>RippleEffect</title>
<script type="text/javascript" src="dtjava.js"></script>
    <script>   
    	
       function deployIt() {
            dtjava.embed(
                    {         id: "myApp",
                             url: "Test.jnlp",
                           width: 300,
                          height: 200,
                     placeholder: "place"
                    },
                    { jvm: "1.6.0+",
                        javafx: "2.0+",
                        jvmargs: "-Dsun.some=xx -Xmx1024m" },
                    {}
            );
        }        
        dtjava.addOnloadCallback(deployIt);    
    </script>
</head>
<body>
<h1>Adding Controls to Layout</h1>
<div id="place"></div>
</body>
</html>

my jnlp is working fine, if run only jnlp file its giving the output as expected, but when i try to embed this with html code its giving following error.

ExitException[ 3]JNLPException[category: Launch File Error : Exception: java.lang.Exception: JNLP not an applet, nor a JavaFX application : LaunchDesc: 
<jnlp spec="1.0+" codebase="http://localhost:8080/TestJnlpProject/" href="Test.jnlp">
  <information>
    <title>Jnlp Testing</title>
    <vendor>YONG MOOK KIM</vendor>
    <homepage href="http://localhost:8080/TestJnlpProject"/>
    <description>Testing Testing</description>
  </information>
  <security>
    <all-permissions/>
  </security>
  <resources>
    <j2se version="1.7+"/>
    <jar href="http://localhost:8080/TestJnlpProject/TestJnlp.jar"/>
    <jar href="http://localhost:8080/TestJnlpProject/jfxrt.jar"/>
  </resources>
  <application-desc main-class="webapplication.AddingControlsToLayout"/>
</jnlp> ]
	at sun.plugin2.applet.JNLP2Manager.loadJarFiles(Unknown Source)
	at sun.plugin2.applet.Plugin2Manager$AppletExecutionRunnable.run(Unknown Source)
	at java.lang.Thread.run(Unknown Source)

can you please help me on this.

Thanks,
Maddy.