Ramen

Inhoud blog
  • emnTekstverbeteringTester :: Voorbereiding :: Deel 3
  • Opmaken van een spellinglijst : emnTekstverbeteringTester :: Voorbereiding
  • emnTekstverbeteringTester Deel 2
  • TekstverbeteringsTester emn :: deel 1 Voorbereiding
  • Open and close Stage and scene. Scenes stored in Hashmap
  • JavaFX FXML voorbeelden | JavaFX FXML examples
  • Eigenschappen voorbeeld uit vorig blog | Properties sample from previous blog
  • Meervoudige fxml bestanden laden | Loading multiple fxml files and controllers
  • Move from one object to another :: JavaFX
  • JavaFX templates
  • JavaFX FXML webbrowser
  • JavaFX ProgressIndicator - ProgessBar
  • Draai scene builder vanuit eclipse - Run scene builder from within eclipse.
  • FXML voorbeeld voor eclipse | FXML sample for eclipse
  • Wapenschild Hamerlinck
  • Wapenschild Hamerlinck
  • Zelf oefeningen maken :: educatie , talen , enquetes
  • ST. PATRICKS DAY PARADE
  • Hulp programma voor het leren van vreemde talen.
  • Javascript :: tekst sorteren op unieke woorden :: sort text
  • Code sorteer tekst : sort text :: javascript
  • onze tuin
  • Aston Ariel op bezoek
  • Hulpprogramma's :: Lezen | RSS - Nieuws
  • Presentationmodel :: buffered model :: RiverLayout
  • Make a separator for RiverLayout:
  • Customize combobox (binding JGoodies):: Riverlayout
  • Test Riverlayout :: sample
  • Project pw Helpdesk
  • LookAndFeel
  • JGoodies binding - RiverLayout
  • JGoodies binding and RiverLayout
  • Enkele JAVA gebonden afkortingen
  • Java Persistence with Hibernate
  • Exel : Woorden vervangen in tekst m.b..v een macro
  • Systray : verwijderen tags taakbalk. Wijzigingen start programma's
  • Scholier kraakt pornofilter van 50 miljoen euro
  • Items Kantorenproject
  • Minimumindeling van het algemeen rekeningstelsel
  • Items Java - eclipse
    Beoordeel dit blog
      Zeer goed
      Goed
      Voldoende
      Nog wat bijwerken
      Nog veel werk aan
     
    Foto
    Foto
    Foto

    rss nieuws

    Europa voor de meeste voorstanders meer en meer een grote teleurstelling
    Zoeken in blog


    Een kijk op....
    23-12-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.emnTekstverbeteringTester :: Voorbereiding :: Deel 3

    emnTekstverbeteringTester :: Voorbereiding Deel 3

    Een eerste testprocedure :

    Deze test of er in een gegeven woord geen letter verkeerd is getijpt door alle letters van het woord één voor één te vervangen door alle letters van het alfabet.

    De vergelijkingswoordenliijst Nederlands werd afgehaald zoals aangegeven in het vorige bericht. Wel werden de referensiesijfers die zich onderaan deze woordenschatlijst bevinden verwijderd.

    Het resultaat van dit testprogramma:

    false
    Gemaakte Trefwoorden:aetterz;betterz;cetterz;detterz;eetterz;fetterz;...
    gevonden verbetering: letters
    gevonden verbetering: lettert
    [aetterz, betterz, cetterz, detterz, eetterz, fetterz, getterz, hetterz,...
    Gemaakte Trefwoorden:aettes;bettes;cettes;dettes;eettes;fettes;gettes;...
    gevonden verbetering: lentes
    gevonden verbetering: letten
    gevonden verbetering: letter
    [aettes, bettes, cettes, dettes, eettes, fettes, gettes, hettes, lettys,...

    Eerste test : fout woord : letterz

    Eerst kijkt dit prog. of het woord letterz voorkomt in de woorlijst Nederlands...>false

    Nadien worden trefwoorden gemaakt en vergeleken > 2 oplossingen : letters en lettert

    Tweede test : fout woord : lettes > 3 mogelijkheden werden gevonden : lentes, letten en letter

    23-12-2013 om 16:44 geschreven door de makers


    Tags:Speller java, Speller javafx, java speller example
    » Reageer (0)
    22-12-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Opmaken van een spellinglijst : emnTekstverbeteringTester :: Voorbereiding

    Het opmaken van de spelling woordlijsten wordt gedaan via 

    Download Free International Dictionaries for JavaScript Spell Check

    Ga naar deze webstek : Klik hier

    22-12-2013 om 11:43 geschreven door de makers


    Tags:opmaken spellingslijsten, spellinglijst, woordenboek
    » Reageer (0)
    20-12-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.emnTekstverbeteringTester Deel 2
    Klik op de afbeelding om de link te volgen

    TekstverbeteringsTester emn :: (c) pw & kollegas Belgium

    .

    .

    .

    .

    .

    .

    Deel 2 : Voorbereiding

    emnTesterLayout.fxml

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>
    <?import javafx.scene.text.*?>

    <AnchorPane id="AnchorPane" prefHeight="520.0" prefWidth="573.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="emnTekstverbeteringTester.EMNTesterController">
      <children>
        <TextField fx:id="Zoek_Voegtoe_verwijder_tekstveld" layoutX="50.0" layoutY="93.0" onKeyPressed="#aksie_Zoekwoord" prefWidth="473.0" />
        <TextArea fx:id="testtekstEdit" layoutX="50.0" layoutY="222.0" prefHeight="100.0" prefWidth="473.0" wrapText="true" />
        <Text fill="#0066ff" fontSmoothingType="GRAY" layoutX="477.0" layoutY="55.0" scaleX="2.8521263124216563" scaleY="1.5012237713712362" strokeType="OUTSIDE" strokeWidth="0.0" text="emn" />
        <Text layoutX="295.0" layoutY="41.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Tekstverbetering Tester">
          <fill>
            <Color blue="0.000" green="0.000" red="0.400" fx:id="x1" />
          </fill>
          <font>
            <Font name="System Bold" size="14.0" />
          </font>
        </Text>
        <Separator layoutX="295.0" layoutY="52.0" prefWidth="142.3037109375" />
        <TextArea fx:id="resultaat" editable="false" layoutX="49.0" layoutY="379.0" prefHeight="116.0" prefWidth="473.0" wrapText="true" />
        <Text fill="$x1" layoutX="49.0" layoutY="219.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Geef hier een testtekst in" />
        <Text fill="$x1" layoutX="49.0" layoutY="376.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Verbetering van de ingegeven tekst" />
        <Button id="knop_Delete_woord" fx:id="knop_verwijder" disable="true" layoutX="424.0" layoutY="119.0" mnemonicParsing="false" onAction="#aksie_knop_verwijder" prefHeight="21.0" prefWidth="97.9998779296875" text="Verwijder" textFill="#cc0000">
          <font>
            <Font name="System Bold" size="12.0" fx:id="x2" />
          </font>
        </Button>
        <Button fx:id="knop_voegtoe" disable="true" font="$x2" layoutX="143.0" layoutY="119.0" mnemonicParsing="false" onAction="#aksie_knop_voegtoe" prefWidth="76.0" text="Voeg Toe" textFill="#216600" />
        <Button fx:id="tekstknop" font="$x2" layoutX="50.0" layoutY="322.0" mnemonicParsing="false" onAction="#aksie_testknop" prefWidth="473.0" text="Test" />
        <ListView fx:id="lijstGevonden" layoutX="54.0" layoutY="154.0" orientation="HORIZONTAL" prefHeight="43.0" prefWidth="469.0" />
        <Button fx:id="knop_zoek" font="$x2" layoutX="53.0" layoutY="119.0" mnemonicParsing="false" onAction="#aksie_knop_zoek" prefWidth="76.0" text="Zoek" />
        <Label layoutX="54.0" layoutY="74.0" text="Zoek naar:" textFill="$x1" />
        <Label layoutX="410.0" layoutY="499.0" prefHeight="21.0" prefWidth="116.0" text="(c) pw &amp; kollegas Belgium">
          <font>
            <Font name="System Italic" size="10.0" />
          </font>
        </Label>
      </children>
    </AnchorPane>

    20-12-2013 om 08:40 geschreven door de makers


    Tags:fxml javafx
    » Reageer (0)
    19-12-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.TekstverbeteringsTester emn :: deel 1 Voorbereiding
    Klik op de afbeelding om de link te volgen

    TekstverbeteringsTester emn :: (c) pw Begium


    Part 01 :
    Listview : add items, delete items :: ObservableList :: Messagedialog (Responsedialog)


    Om dit dialoogvenster te kunnen toepassen dien je onderstaande jar af te halen.
    If you want to usse this respose dialog you need to download javafx.dialogs-0.0.3.jar.
    Para utilizar este cuadro de diálogo, es necesario descargar el siguiente archivo y agregarlo a su proyecto. javafx.dialogs-0.0.3.jar (Raw)


    Om onze vrienden van de men's- taalspelling die we hier toevallig op het web hebben ontmoet te helpen, werken enkel kollega's en ik in onze schaarse vrije tijd, aan een prog voor deze nieuwe spelling. Dit omdat wij dit vereenvoudigd systeem goed vinden en ook om even met het bombastische diktee der ned. taal een weinig te spotten. Immers wij geven onze vrienden volkomen gelijk wanneer zij zeggen dat men beter eerst op een deftige manier leert spreken in deze mooie zelfstandige taal die maar al te vaak verkracht, onderschat en vernederd wordt.

    19-12-2013 om 02:09 geschreven door de makers


    Tags:Listview, add items, delete items, ObservableList, Messagedialog, Responsedialog
    » Reageer (0)
    02-12-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Open and close Stage and scene. Scenes stored in Hashmap

    JavaFX  FXML

    Open and close Stage (and scene) from within different controllers. Scenes are stored in a Hashmap
    Stage venster openen (met scene opgeslagen in Hashmap) en sluiten vanuit Controllers

     

    1: Start_scenes.java


    
    package yourpackage;	
    	
    import java.net.URL;
    import java.util.HashMap;
    import javafx.application.Application;
    import javafx.fxml.FXML;
    import javafx.fxml.FXMLLoader;
    import javafx.fxml.JavaFXBuilderFactory;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;
    
    public class Start_scenes extends Application {
    	
    	@FXML
    	public static HashMap<String, Scene> scenes = new HashMap<String, Scene>();
    
    	public static void main(String[] args) {
    		launch(args);
    	}
    
    	@Override
    	public void start(Stage stage) throws Exception {
    
    		URL location01 = getClass().getResource("Scene01.fxml");
    		URL location02 = getClass().getResource("Scene02.fxml");
    
    		FXMLLoader fxmlLoader = new FXMLLoader();
    		
    		fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory());
    		fxmlLoader.setRoot(fxmlLoader.load(location01.openStream()));
    		Scene scene = new Scene((Parent) fxmlLoader.getRoot());
    		scenes.put("scene01", scene);
    
    		fxmlLoader.setRoot(null);
    		fxmlLoader.setController(null);
    		//fxmlLoader.setLocation(null);
    
    		fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory());
    		fxmlLoader.setRoot(fxmlLoader.load(location02.openStream()));
    		Scene scene01 = new Scene((Parent) fxmlLoader.getRoot());
    		scenes.put("scene02", scene01);
    
    		stage.setScene(scenes.get("scene02"));
    		stage.show();
    	}
    }
    
    

    2: Scene01Controller.java


    
    package yourpackage;
    
    import java.net.URL;
    import java.util.ResourceBundle;
    import javafx.event.ActionEvent;
    import javafx.fxml.FXML;
    import javafx.fxml.Initializable;
    import javafx.scene.Node;
    import javafx.scene.Scene;
    import javafx.stage.Stage;
    
    /**
     * @auteur pw : Belgium (02-2013)
     */
    
    public class Scene01Controller extends Stage implements Initializable {
    
    	@FXML
    	private void handleButtonAction(ActionEvent event) {
    
    		// English : Get the scene to be displayed
    		// Belgium : Haal de gewenste scene op
    		
    		Scene scene = this.getScene();
    		scene = Start_scenes.scenes.get("scene02");
    
    		Node source = (Node) event.getSource();
    		Stage stage = (Stage) source.getScene().getWindow();
    		stage.close();
    
    		this.setScene(scene);
    		this.show();
    	}
    
    	@Override
    	public void initialize(URL url, ResourceBundle rb) {
    		// TODO
    	}
    }
    
    	

    3: Scene02Controller.java


    
    package yourpackage;
    
    import java.net.URL;
    import java.util.ResourceBundle;
    
    import javafx.event.ActionEvent;
    import javafx.fxml.FXML;
    import javafx.fxml.Initializable;
    import javafx.scene.Node;
    import javafx.scene.Scene;
    import javafx.stage.Stage;
    
    /**
     * @auteur pw Belgium
     */
    
    public class Scene02Controller extends Stage implements Initializable {
    
    	@FXML
    	private void handleButtonAction(ActionEvent event) {
    
    		// English : Get the scene to be displayed
    		// Belgium : Haal de gewenste scene op
    
    		Scene scene = this.getScene();
    		scene = Start_scenes.scenes.get("scene01");
    
    		Node source = (Node) event.getSource();
    		Stage stage = (Stage) source.getScene().getWindow();
    		stage.close();
    
    		this.setScene(scene);
    		this.show();
    	}
    
    	@Override
    	public void initialize(URL url, ResourceBundle rb) {
    		// TODO
    	}
    }
    	

    4: Scene01.fxml


    
    <?xml version="1.0" encoding="UTF-8"?>
    
    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    
    <AnchorPane id="AnchorPane" prefHeight="200.0" prefWidth="320.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="meerderescenes.Scene01Controller">
      <children>
        <Button fx:id="button" layoutX="22.0" layoutY="104.0" onAction="#handleButtonAction" text="Close this window  and open window  scene 02" />
         <Label layoutX="102.0" layoutY="33.0" text="SCENE 01">
          <font>
            <Font size="22.0" />
          </font>
        </Label>
        <Label layoutX="91.0" layoutY="155.0" text="Opgehaald uit Hashmap" />
      </children>
    </AnchorPane>
    	

    5: Scene02.java


    
    <?xml version="1.0" encoding="UTF-8"?>
    
    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    
    <AnchorPane id="AnchorPane" prefHeight="200.0" prefWidth="320.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="meerderescenes.Scene02Controller">
      <children>
        <Button fx:id="button" layoutX="21.0" layoutY="90.0" onAction="#handleButtonAction" prefWidth="285.0" text="Sluit dit venster en open  venster scene 01" />
        <Label layoutX="90.0" layoutY="37.0" text="SCENE 02">
          <font>
            <Font size="30.0" />
          </font>
        </Label>
        <Label layoutX="76.0" layoutY="145.0" text="Haal scene 01 op uit Hashmap" />
      </children>
    </AnchorPane>
    	

    02-12-2013 om 22:16 geschreven door de makers


    Tags:Open close stage scene, store scene in hashmap
    » Reageer (0)
    29-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.JavaFX FXML voorbeelden | JavaFX FXML examples
    Java FX   FXML         | Voorbeelden Examples  Ejemplos

    by pw [Belgium]

    Belgium Engish Espanol
    Meerder fxml bestanden (schermen) laden met hun respektievelijke JavaFX controller (*) Loading (Managing) multiple fxml files (screens) and their specific controller (*) Carga (Gestión) archivos y multiple controllers(*)
    (*) Oplossing voor het korrekt doorgeven van eigenschappen als VBox.vgrow = ALWAYS in vorig voorbeeld.

    (Meervoudige schermen)

    (*) Solution to pass correctly the properties like VBox.vgrow = ALWAYS in previous example.

    (Multiple screens)

    (*) Solución para pasar correctamente las propiedades como "VBox.vgrow" en el ejemplo anterior.

    (Pantallas múltiples)

    Van het ene object nar het andere bewegen op een JavaFX Pane Moving between objects on a JavaFX Pane. Moviéndo entre objetos en un Panede JavaFX
    JavaFX fxml Webbrauwser JavaFX fxml Webbrowser JavaFX fxml Webbrowser
    Java kodestarters in Eclipse Java templates in Eclipse Java templates en Eclipse
    Draai Oracle Screen Builder vanuit Eclipse Run Oracle Screen Builder from within Eclipse Ejecute Oracle Screen Builder desde dentro de Eclipse
    Eenvoudig JavaFX fxml voorbeeld Simple example JavaFX fxml Ejemplo sencillo JavaFX fxml
         
    Gebruikte gratis Programmas: Used Free Programs: Programmas libres usados:

    29-11-2013 om 00:00 geschreven door de makers


    Tags:JavaFX, FXML, Samples , Voorbeelden, examples, managing multiple screen
    » Reageer (0)
    28-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Eigenschappen voorbeeld uit vorig blog | Properties sample from previous blog

    Multiple screens and controllers :: extra info on the example code

    Originele Kode    (JavaFX Meervoudige fxml schermen laden| load multiple fxml schermen. pw)

    Belgium:

    De eigenschappen die we instelden in onze fxml bestanden zoals VBox.vgrow="ALWAYS" en "AnchorPane.topAnchor" werken niet in het gemaakte voorbeeld. Dit euvel is eenvoudig op te lossen indien je in de volgende kode uit de fxml bestanden :

    ...

    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    <?scenebuilder-background-color 0x404040ff?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="meervoudige_schermen.MenuController">
    <children>

    ...

    deze code invoegt na bvb prefWidth="600.0"

    AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"

    Nadien zal je merken dat alle instellingen die we gemaakt hebben ook werken.


    Engish:

    The strech properties like VBox.vgrow="ALWAYS" or properties like "AnchorPane.topAnchor" I configured are not working in the project Load multiple screens.
    Thats correct.
    To solve this issue you simply have to inset the code below into the start AnchorPane in all the fxml files :

    ...

    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    <?scenebuilder-background-color 0x404040ff?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0"  xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="meervoudige_schermen.MenuController">
    <children>

    ...

    Insert for ex. after prefWidth="600.0":

    AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"

    and the configuration made in the fxml file will work.

    pw [België]



    Español:

    Las propiedades de estiramiento como VBox.vgrow = "ALWAYS" o propiedades como "AnchorPane.topAnchor" configuré in su projecto FXML no están trabajando (en el projecto cargar múltiples pantallas).
    Eso es correcto .
    Para resolver este problema , simplemente tienes que insertar el código siguiente en el inicio AnchorPane inicio en el fxml archivos :

    ...<?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    <?scenebuilder-background-color 0x404040ff?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="meervoudige_schermen.MenuController">
    <children>

    ...

    Inserte (ej. después prefWidth="600.0"

    AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"

    y la configuración realizada en el archivo fxml funcionará.

    PW [Bélgica ]

    28-11-2013 om 00:00 geschreven door de makers


    Tags:Load Multiple screens properties , Meervoudige schermen laden, javafx
    » Reageer (0)
    27-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Meervoudige fxml bestanden laden | Loading multiple fxml files and controllers
    JavaFX ECLIPSE Meervoudige schermen laden | Multple screens  (multiple fxml files and controllers)
    Meervoudige  FXML bestanden laden Load multiple  FXML files Cargar varios archivos FXML
     
     
     
    Code Samples
    1:     menu.fxml   |    Scherm1.fxml     |     Scherm2.fxml
    Vergeet de "yourpackage"       van fx:contrplller aan te passen.
    Don't forget to adjust the name "yourpackage"
    No te olvides de personalizar el nombre "yourpackage" in su proyecto.

    Menu.fxml :

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    <?scenebuilder-background-color 0x404040ff?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.MenuController">
    <children>
    <VBox id="VBoxSchermMain" alignment="CENTER" prefHeight="550.0" prefWidth="600.0" spacing="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
    <children>
    <Label prefHeight="42.0" prefWidth="142.0" text="Keuzescherm" textFill="WHITE">
    <font>
    <Font name="Arial" size="22.0" />
    </font>
    </Label>
    <Button fx:id="button1" onAction="#aksie_naarscherm1" prefHeight="42.0" prefWidth="296.0" style=" -fx-background-color: &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)), &#10; derive(-fx-base,-40%), &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)); &#10; -fx-background-insets: 0 0 -1 0, 0, 1, 2; &#10; -fx-background-radius: 25, 25, 24; &#10; -fx-padding: 0.0em 0.5em 0.0em 0.0em; &#10; -fx-alignment: CENTER; &#10; -fx-content-display: LEFT; " text="Laad scherm TabPane één" textFill="#99c2ff">
    <font>
    <Font name="System Bold" size="20.0" fx:id="x1" />
    </font>
    </Button>
    <Button fx:id="button2" font="$x1" onAction="#aksie_naarscherm2" prefHeight="42.0" prefWidth="296.0" style=" -fx-background-color: &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)), &#10; derive(-fx-base,-40%), &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)); &#10; -fx-background-insets: 0 0 -1 0, 0, 1, 2; &#10; -fx-background-radius: 25, 25, 24; &#10; -fx-padding: 0.0em 0.5em 0.0em 0.0em; &#10; -fx-alignment: CENTER; &#10; -fx-content-display: LEFT; " text="Laad scherm TabPane twee" textFill="#74ff33" />
    </children>
    </VBox>
    </children>
    </AnchorPane>

     

    Scherm1.fxml :

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.Scherm1Controller">
    <children>
    <VBox id="VBoxScherm2" alignment="CENTER" prefHeight="550.0" spacing="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
    <children>
    <TabPane prefHeight="500.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" VBox.vgrow="ALWAYS">
    <tabs>
    <Tab text="SCHERM 1 Tab 1">
    <content>
    <AnchorPane id="Content" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="500.0" prefWidth="600.0" />
    </content>
    </Tab>
    <Tab text="SCHERM 1 Tab 2">
    <content>
    <AnchorPane id="Content" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="600.0" />
    </content>
    </Tab>
    </tabs>
    </TabPane>
    <Button fx:id="button" onAction="#aksie_NaarHoofdscherm" text="Ga naar scherm Menu">
    <font>
    <Font name="System Bold" size="12.0" />
    </font>
    </Button>
    </children>
    </VBox>
    </children>
    </AnchorPane>

     

    Scherm2.fxml :

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>
    <?import javafx.scene.text.*?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.Scherm2Controller">
    <children>
    <VBox id="VBoxScherm1" alignment="TOP_CENTER" prefHeight="400.0" prefWidth="600.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
    <children>
    <TabPane prefHeight="500.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" VBox.vgrow="ALWAYS">
    <tabs>
    <Tab text="SCHERM 2 Tab 1">
    <content>
    <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="-1.0" prefWidth="-1.0" />
    </content>
    </Tab>
    <Tab text="SCHERM 2 Tab 2">
    <content>
    <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
    </content>
    </Tab>
    </tabs>
    </TabPane>
    <Button contentDisplay="CENTER" mnemonicParsing="false" onAction="#aksie_NaarHoofdscherm" text="Naar Menu scherm">
    <font>
    <Font name="System Bold" size="12.0" />
    </font>
    </Button>
    </children>
    </VBox>
    </children>
    </AnchorPane>



    2: Start_Schermen_FXMLTest.java


     




    3: SchermBeheer.java



    4: MenuController.java



     

    5: Scherm1Controller.java


    6: Scherm2Controller.java


     

    Gebruikte gratis Programmas: Used Free Programs: Programmas libres usados:
    Pics

    27-11-2013 om 00:00 geschreven door de makers


    » Reageer (0)
    21-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Move from one object to another :: JavaFX
    JavaFX ECLIPSE Van het ene object naar het andere op een Pane (fxml controller voorbeeld)
    Naar verschillende plaatsen op een javaFX pane Move to different objects on a javaFX Pane Mover a diferentes objetos en un Pane de JavaFX
    Benoem een AnchorPane van bvb 395 op 500
    prefHeight="500.0" prefWidth="395.0"

    Benoem nadien een Pane van bvb 650 op 2000
    Verdeel over dit Pane je verschillende objecten bvb.: -1: een foto, een knop, een label.
    -2: een foto, drie knoppen.
    -3. een browserobject (echt slechts als voorbeeld)
    Appoint a AnchorPane of for ex. 395 on 500
    prefHeight="500.0" prefWidth="395.0"


    Appoint than a Pane of for ex. 650 on 2000


    Order on this Pane the different objects you need:
    -1: A picture, a button, a label.
    -2: A photo, three buttons.
    -3. a browser object (really just an example)

     
    Designa un AnchorPane de por ejemplo 395 - 500
    prefHeight="500.0" prefWidth="395.0"


    Entonces designa un Pane de, por ejemplo 650-2000


    Ponga en su Pane los objetos diferentes, por ejemplo.:
    -1: Una imagen, un botón, una etiqueta.
    -2: Una foto, tres botones.
    -3. un objeto de navegador (en realidad sólo un ejemplo)
    Code Samples
    1: movesamplelayout.fxml

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.net.*?>
    <?import java.util.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.effect.*?>
    <?import javafx.scene.image.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>
    <?import javafx.scene.shape.*?>
    <?import javafx.scene.text.*?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="527.0" prefWidth="352.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="move.MoveController">
    <children>
    <Pane id="pane" fx:id="id_pane" layoutX="-6.0" layoutY="0.0" prefHeight="1468.0" prefWidth="717.0">
    <children>
    <VBox id="VBox" alignment="CENTER" layoutX="38.0" layoutY="1229.0" spacing="5.0">
    <children>
    <TextArea id="TextArea" fx:id="tekstgebied" prefWidth="200.0" rotate="337.0" text="Auteur Author : Piet&#10;België Belgium&#10;&#10;&#10;Move Sample" wrapText="true">
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </TextArea>
    <Button id="splashscreen" mnemonicParsing="false" onAction="#aksie_splashscreen" prefHeight="40.6839599609375" prefWidth="200.0" text="Splashscreen">
    <font>
    <Font size="17.0" fx:id="x1" />
    </font>
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    <textFill>
    <Color blue="0.000" green="0.800" red="0.063" fx:id="x2" />
    </textFill>
    </Button>
    </children>
    </VBox>
    <VBox id="VBox" alignment="CENTER" layoutX="79.0" layoutY="60.0" spacing="5.0">
    <children>
    <ImageView fitHeight="193.0" fitWidth="193.0" pickOnBounds="true" preserveRatio="true">
    <image>
    <Image url="file:/C:/Users/Home/Pictures/penguin01.JPG" />
    </image>
    </ImageView>
    <Button fx:id="welkom" mnemonicParsing="false" onAction="#aksie_welkom" prefHeight="115.0" prefWidth="193.0" text="Welkom" textFill="radial-gradient(focus-angle 0.0deg, focus-distance 0.0% , center 100.0px 100.0px, radius 200.0px, 0xff0000ff 0.0%, 0xff0000ff 10.0%, 0xffffffff 30.0%, 0x000000ff 100.0%)">
    <font>
    <Font size="39.0" />
    </font>
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </Button>
    <Label text="Men's Desktop">
    <effect>
    <Reflection fraction="0.9801587301587301" topOpacity="0.8412698412698413" />
    </effect>
    <font>
    <Font name="Bookshelf Symbol 7" size="35.0" />
    </font>
    </Label>
    </children>
    </VBox>
    <VBox id="hbox" alignment="CENTER" layoutX="487.0" layoutY="734.0" spacing="5.0">
    <children>
    <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true">
    <image>
    <Image url="file:/C:/Users/Home/Pictures/penguin02.jpg" />
    </image>
    </ImageView>
    <Button fx:id="info" font="$x1" mnemonicParsing="false" onAction="#aksie_info" prefHeight="41.0" prefWidth="200.0" text="Info" textFill="#ccff00">
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </Button>
    <Button fx:id="splashscreen" font="$x1" mnemonicParsing="false" onAction="#aksie_splashscreen" prefHeight="40.6839599609375" prefWidth="200.0" text="Splashscreen" textFill="$x2">
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </Button>
    <Button id="loadfxml" fx:id="laadfxml" font="$x1" mnemonicParsing="false" onAction="#aksie_laadfxml" prefHeight="41.0" prefWidth="200.0" text="Load new FXML" textFill="#00b4cc">
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </Button>
    </children>
    <stylesheets>
    <URL value="@splash.css" />
    </stylesheets>
    </VBox>
    </children>
    </Pane>
    </children>
    </AnchorPane>

     



    2: Start_move.java


     




    3: MoveController.java



    4:splash.css




     

    Gebruikte gratis Programmas: Used Free Programs: Programmas libres usados:
    Pics










    21-11-2013 om 10:13 geschreven door de makers


    Tags:JavaFX move objects on Pane
    » Reageer (0)
    19-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.JavaFX templates
    JavaFX ECLIPSE add FXML Templates
    Gebruikte gratis Programmas:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Hulpprogramma:
    JavaFX Scene Builder"
    Dit is een GUI javaFX programma dat tevens ook een voorstel geeft voor de opbouw van je java controller bestand.

    Indien je een lagere jre versie wil gebruiken kijk dan na of deze de jfxrt.jar bevat voeg deze anders toe via:
    Eclipse >> Build pad / add external jars.

    Waar vind je de jfxrt.jar na het installeren van java op je PC?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
     
    Used Free Programs:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Additional program:
    JavaFX Scene Builder"
    A gui javaFX FXML-file buider that even generates a java controller file you can copy.

    If you are using an older jre version,than check if it contains the jfxrt.jar, else you will have to add it to you build path:
    Eclipse project >> Build pad / add external jars.

    Where can you find the jfxrt.jar after installing java on your PC?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
     
    Programmas libres usados:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Programma de ayuda:
    JavaFX Scene Builder"
    A JavaFX FXML-file constructor GUI que incluso genera un archivo de controlador de java (controller.java) que se puede copiar.

    Si está utilizando una versión anterior de JRE, el mejor es de comprobar si contiene la versión jfxrt.jar, si no, añadirla a su proyecto Eclipse:
    Eclipse project >> Build pad / add external jars.

    ¿Dónde está el archivo "jfxrt.jar" en su PC después de instalar java?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
     
    JavaFX FXML templates in Eclipse
     

    Via de menubar van Eclipse :

    - Klik"window" / "Preferences" (vouw open)/ "Java" (vouw open)
    - Klik "templates"
    - Klik op het templatescherm "new"
    - geef naam voor de template bvb FX_start
    - geef een kleinne beschrijving
    - plak of typ de gewenste kode (zie kode voor statbestand) in het ingavevak.
    druk ok

    Herhaal voor template FX_con met de kode voor controlebestand.
    druk ok


    Hoe te gebruiken:

    - Maak in je Eclipse projektbestand een nieuwe class aan.
    - Selekteer de volledige kode onder de package naam van dit class bestand en wis deze.
    - Type de beginletters van de template die je wil gebruiken bvb FX.
    - Druk nadien ctrl-space kombinatie in.
    - Selekteer de template die je wil.
    - Bij een dubbelklik wordt de template-code toegevoegd aan je bestand.

    Noot:
    - Bij de FX_con staat onderaan de template code voor het fxml bestand.
    - Copier/cut deze code.
    - Maak een tekst bestand aan met fxml ekstensie. bvb scherm.fxml.

    Templates kunnen niet gebruikt worden in een tekstbestand.
    JavaFX FXML templates in Eclipse
     

    On the menu bar of Eclipse:
     

    - Click "window" / "Preferences" (unwrap) / "Java" (unwrap) / click "templates" to
    - click on the template screen "new".
    - Give a name for the template ex. FX_start
    - Give a bref description
    - Paste or type the code (see the code for start file) in the inputbox.
    press ok

    Repeat for the FX_con template using the code (see below) for the control file.
    press ok


    How to use:

    - Create e new class in your Eclipse project file.
    - Select the entire code under the package name of the class file and delete it.
    - Type the first letters of the template you want to use for ex. FX.
    - Afterwards, press the ctrl-space key combination.
    - Select the template you want.
    - Doubleclick and the template code will be added to your file.

    Note:
    - The FX_con the bottom of the template code for fxml file.
    - Copier / cut this code.
    - Create a text file with fxml ekstensie. eg scherm.fxml.

    Templates can’t be used on a text file.That’s why you have to copy the code from the controller file template.
    JavaFX plantillas FXML en Eclipse
     

    A través de la barra de menús de Eclipse:
     

    - Clic window / Preferences (desenvolver) / Java (desenvolver)
    - Pulse "templates"
    - en la pantalla clic "nueva".
    - Eccriba el nombre de la "template", por ejemplo FX_start
    - Escriba una breve descripción.
    - Copy/paste o escriba el código (ver el código para el archivo de inicio) en el cuadro de entrada.
    pulse ok

    Modo de empleo:

    También hacer lo mismo para la "template" FX_con con el código para el archivo de control.
    pulse ok

    Hace en su archivo de proyecto de Eclipse una nueva class.
    Seleccione todo el código bajo el nombre del paquete y eliminarlo.
    Escriba las iniciales de la "template" que desea utilizar, por ejemplo FX.
    A continuación, pulse Ctrl-Espacio en combinación.
    Selecciona el "template" deseado.
    Dubbelclick y el código de este "template" se añade a su archivo.

    Nota:
    - El FX_con la parte inferior de la plantilla de código para el archivo de fxml.
    - Copiadora / cortar este código.
    - Crear un archivo de texto con fxml ekstensie. por ejemplo scherm.fxml.

    Plantillas de Eclipse no funcionan en un archivo de texto.
     

    Code samples
    1:
    Kode voor het startbestand: FXMLStart.java
    Code for the start file : FXMLStart.java
    Código para el archivo de inicio : FXMLStart.java


    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;


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

    public void start(Stage stage) throws Exception {
    Parent root = (Parent) FXMLLoader.load(getClass().getResource("scherm.fxml"));
    stage.setTitle("FXML pwBrauwser");
    stage.setScene(new Scene(root, 800, 600));
    stage.show();
    }
    }
     

    2:
    Kode voor Controller bestand :: FXMLController.java en scherm.fxml
    Code for the controller file :: FXMLController.java en scherm.fxml
    Código para el archivo de control :: :: FXMLController.java en scherm.fxml


    import java.net.URL;
    import java.util.ResourceBundle;
    import javafx.event.ActionEvent;
    import javafx.fxml.FXML;
    import javafx.scene.control.Button;


    public class UwClassNaam {

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private Button testknop;


    @FXML
    void testknop_aksie(ActionEvent event) {
    }

    @FXML
    void initialize() {
    assert testknop != null : "fx:id="testknop" was not injected: check your FXML file 'scherm.fxml'.";


    }

    }


    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>

    <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="536.0" prefWidth="692.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="uwpackage.FXMLController">
    <children>
    <Button id="css_testknop" fx:id="testknop" layoutX="452.0" layoutY="14.0" mnemonicParsing="false" onAction="#testknop_aksie" text="Testknop" />
    </children>
    </AnchorPane>
     

     

     







    19-11-2013 om 00:00 geschreven door de makers


    Tags:FXML javaFX templates
    » Reageer (0)
    18-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.JavaFX FXML webbrowser
    Klik op de afbeelding om de link te volgen

    JavaFX webbrowser :: WBstart.java + WBController.java + WBLayout.fxml
    Gebruikte gratis Programmas:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Hulpprogramma:
    JavaFX Scene Builder"
    Dit is een GUI javaFX programma dat tevens ook een voorstel geeft voor de opbouw van je java controller bestand.

    Indien je een lagere jre versie wil gebruiken kijk dan na of deze de jfxrt.jar bevat voeg deze anders toe via:
    Eclipse >> Build pad / add external jars.

    Waar vind je de jfxrt.jar na het installeren van java op je PC?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
    Used Free Programs:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Helpprogram:
    JavaFX Scene Builder"
    A gui javaFX FXML-file buider that even generates a java controller file you can copy.

    If you are using an older jre version,than check if it contains the jfxrt.jar, else you will have to add it to you build path:
    Eclipse project >> Build pad / add external jars.

    Where can you find the jfxrt.jar after installing java on your PC?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
    Programmas libres usados:
    Eclipse-standard-kepler-SR1-win32
    C:Program Files/Java/jre8

    Programma de ayuda:
    JavaFX Scene Builder"
    A JavaFX FXML-file constructor GUI que incluso genera un archivo de controlador de java (controller.java) que se puede copiar.

    Si está utilizando una versión anterior de JRE, el mejor es de comprobar si contiene la versión jfxrt.jar, si no, añadirla a su proyecto Eclipse:
    Eclipse project >> Build pad / add external jars.

    ¿Dónde está el archivo "jfxrt.jar" en su PC después de instalar java?
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar
    C:/program files/java/jre7/lib/jfxrt.jar
    Project files

    1. Start.java
    ----------
    package fxml.brauwser;

    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;


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

    public void start(Stage stage) throws Exception {
    Parent root = (Parent) FXMLLoader.load(getClass().getResource("WBLayout.fxml"));
    stage.setTitle("FXML pwBrauwser");
    stage.setScene(new Scene(root, 800, 600));
    stage.show();

    }
    }


    2. WBController.java
    -----------------
    package fxml.brauwser;

    import javafx.concurrent.Worker.State;

    import java.net.URL;
    import java.util.ResourceBundle;

    import javafx.beans.value.ChangeListener;
    import javafx.beans.value.ObservableValue;
    import javafx.event.ActionEvent;
    import javafx.fxml.FXML;
    import javafx.scene.control.Button;
    import javafx.scene.control.Label;
    import javafx.scene.control.MenuButton;
    import javafx.scene.control.ProgressIndicator;
    import javafx.scene.control.TextField;
    import javafx.scene.input.InputMethodEvent;
    import javafx.scene.layout.HBox;
    import javafx.scene.web.WebEngine;
    import javafx.scene.web.WebView;


    public class WBController {
    @FXML
    private WebEngine webEngine;

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private HBox titelbalk;

    @FXML
    private HBox titelhouder; //bevat titellabel gekonfigureerd in het fxml bestand en statelabel

    @FXML Label statelabel;

    @FXML
    private HBox keuzeknophouder;//bevat progressindicator menubutton

    @FXML
    ProgressIndicator pi = new ProgressIndicator();
    @FXML
    private MenuButton menuadressen;

    @FXML
    private HBox adres_knoppen_balk; // bevat adres houder en aksieknoppen(bevelknoppen)

    @FXML
    private HBox adresveldhouder;
    @FXML
    private TextField adresveld;

    @FXML
    private HBox bevelhouder;
    @FXML
    private Button ververs;
    @FXML
    private Button volgend;
    @FXML
    private Button vorig;
    @FXML
    private Button vuur;

    @FXML
    private HBox webzichthouder;

    @FXML
    private WebView webzicht;



    @FXML
    void aksie_ververs(ActionEvent event) {
    webEngine.reload();
    }

    @FXML
    void vuur_adres_af(ActionEvent event) {
    //webzicht = new WebView();

    webEngine.load(adresveld.getText());
    webEngine.getLoadWorker().stateProperty().addListener(
    new ChangeListener<State>() {
    public void changed(ObservableValue<? extends State> arg0,
    State arg1, State arg2) {

    statelabel.setText("State: "+arg2.toString());
    //arg0 :: bean/name/value
    //arg2 :: value
    }
    });
    webEngine.getLoadWorker().progressProperty().addListener(new ChangeListener<Object>(){

    @Override
    public void changed(ObservableValue<?> arg0, Object arg1, Object arg2) {
    pi.setProgress((Double) arg0.getValue());
    }
    });
    webEngine.locationProperty().addListener(new ChangeListener<String>() {
    @Override public void changed(ObservableValue<? extends String> observable, String oldValue, String newValue) {
    adresveld.setText(newValue);
    }
    });
    adresveld.setText(webEngine.getLocation());
    }

    @FXML
    void vuur_volgend_adres_af(ActionEvent event) {
    webEngine.executeScript("history.forward()");
    }

    @FXML
    void vuur_vorig_adres_af(ActionEvent event) {
    webEngine.executeScript("history.back()");
    }


    @FXML
    void aksie_adresveld_onenterpressed(ActionEvent event) {
    vuur_adres_af(event);
    }

    @FXML
    void aksie_kies_website(ActionEvent event) {
    System.out.println("OPen aksie");
    System.out.println("tekst"+menuadressen.getItems().get(0).getText()+"::"+menuadressen.getItems().get(1).getText());
    if(menuadressen.getText().equals("item01")){
    System.out.println("OPen website synoniemen");
    }
    }
    @FXML
    void aksie_kies_menuitem(ActionEvent event) {
    //Kode voor menubutton hier
    System.out.println("tekst items: "+menuadressen.getItems().get(0).getText()+"::"+menuadressen.getItems().get(1).getText());

    }


    @FXML
    void initialize() {

    webEngine = webzicht.getEngine();

    }

    }


    3. BWLayout.fxml
    -------------
    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.effect.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>
    <?import javafx.scene.text.*?>
    <?import javafx.scene.web.*?>


    <AnchorPane id="AnchorPane" style="-fx-background-color: gray;" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="536.0" prefWidth="692.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="fxml.brauwser.WBController">
    <children>
    <HBox id="css_titelbalk" fx:id="titelbalk" alignment="CENTER" layoutY="4.0" prefHeight="30.0" prefWidth="663.0" spacing="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="15.0">
    <children>
    <HBox alignment="CENTER_LEFT" prefHeight="30.0" prefWidth="337.0" spacing="5.0" HBox.hgrow="ALWAYS">
    <children>
    <Label prefWidth="496.0" text="pwWebBrauwser" HBox.hgrow="ALWAYS">
    <font>
    <Font name="Arial" size="18.0"/>
    </font>
    </Label>
    <Label id="css_statelabel" fx:id="statelabel" prefWidth="150.0" text="State: " />
    </children>
    </HBox>
    <HBox id="css_keuzeknophouder" fx:id="keuzeknophouder" alignment="CENTER_RIGHT" prefHeight="30.0" prefWidth="210.0" spacing="5.0">
    <children>
    <ProgressIndicator id="css_pi" fx:id="pi" prefHeight="55.0" prefWidth="55.0" progress="0.0" />
    <MenuButton id="css_menuadressen" fx:id="menuadressen" contentDisplay="CENTER" mnemonicParsing="false" onAction="#aksie_kies_website" prefHeight="30.0" prefWidth="162.0" text="WebAdressen" HBox.hgrow="NEVER">
    <items>
    <MenuItem id="item01" mnemonicParsing="false" onAction="#aksie_kies_menuitem" text="Synos" />
    <MenuItem id="item02" mnemonicParsing="false" text="Rijmen" />
    </items>
    </MenuButton>
    </children>
    </HBox>
    </children>
    </HBox>
    <HBox id="css_adres_knoppen_balk" fx:id="adres_knoppen_balk" alignment="CENTER_RIGHT" layoutY="34.0" prefHeight="30.0" prefWidth="663.0" spacing="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="15.0">
    <children>
    <HBox id="css_adresveldhouder" fx:id="adresveldhouder" alignment="CENTER_LEFT" prefHeight="21.0" prefWidth="565.0" spacing="5.0" HBox.hgrow="ALWAYS">
    <children>
    <TextField id="css_adresveld" fx:id="adresveld" alignment="CENTER_LEFT" prefWidth="508.0" onAction="#aksie_adresveld_onenterpressed" text="http://www.google.es" HBox.hgrow="ALWAYS" />
    </children>
    </HBox>
    <HBox id="css_bevelhouder" fx:id="bevelhouder" alignment="CENTER" minWidth="86.0" prefWidth="160.0" spacing="5.0">
    <children>
    <Button id="css_vuur" fx:id="vuur" mnemonicParsing="false" onAction="#vuur_adres_af" text="Vuur" />
    <Button id="css_vorige" fx:id="vorig" mnemonicParsing="false" onAction="#vuur_vorig_adres_af" text="&lt;" />
    <Button id="css_volgende" fx:id="volgend" mnemonicParsing="false" onAction="#vuur_volgend_adres_af" text="&gt;" />
    <Button id="css_ververs" fx:id="ververs" mnemonicParsing="false" onAction="#aksie_ververs" text="VV" />
    </children>
    </HBox>
    </children>
    </HBox>
    <HBox id="css_webzichthouder" fx:id="webzichthouder" prefHeight="463.0" prefWidth="692.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="73.0">
    <children>
    <WebView fx:id="webzicht" prefHeight="471.0" prefWidth="617.0" HBox.hgrow="ALWAYS" />
    </children>
    </HBox>
    </children>
    </AnchorPane>

     

    18-11-2013 om 00:00 geschreven door de makers


    Tags:JavaFX Webview webengine controller FXML webbrowser
    » Reageer (0)
    16-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.JavaFX ProgressIndicator - ProgessBar


    JavaFX : voeg een ProgressIndicator of ProgessBar toe.
    JavaFX : add a ProgressIndicator or a ProgressBar.
    JavaFX: añadir un ProgressIndicator o ProgessBar.

    prog:

    eclipse-standard-kepler-SR1-win32
    Java :: jre7 (or/of 8) (external jar for jre7 :: C:Program Files/Java/jre7/lib/jfxrt.jar)



    Voorbeeld | Example | Ejemplo
      
      ProgressIndicator pi = new ProgressIndicator();
        ProgressBar pb = new ProgressBar();
        ...
        ...
        ...

        public WebBrowser() {
            rootvbox = new VBox();
            webView = new WebView();
            pi.setMinSize(40, 40);
            pb.setMaxWidth(webView.getMaxWidth());
            
            final WebEngine webEngine = webView.getEngine();
            webEngine.load(Start_URL);
            webEngine.getLoadWorker().progressProperty().addListener(new ChangeListener<Object>(){
           
    @Override
    public void changed(ObservableValue<?> arg0, Object arg1, Object arg2) {

    pi.setProgress((Double) arg0.getValue());
    pb.setProgress((Double) arg0.getValue());
    //OR:
    //pi.setProgress(webEngine.getLoadWorker().getProgress());
    //pb.setProgress(webEngine.getLoadWorker().getProgress());
    System.out.println("Progress"+webEngine.getLoadWorker().getProgress()*100);
    System.out.println("Value arg0 (=arg2): "+(Double)arg0.getValue()*100);
    System.out.println("End value prev check :: arg1: "+(Double)arg1*100);
    System.out.println("End value ckeck :: arg2 :"+(Double)arg2*100);
    }
    });
            final TextField locationField = new TextField(Start_URL);
    ...
    ...
    ...
    }

    16-11-2013 om 00:00 geschreven door de makers


    Tags:javaFX sample example ejemplo ProgressIndicator of ProgessBar
    » Reageer (0)
    15-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Draai scene builder vanuit eclipse - Run scene builder from within eclipse.
    FXML - bestand draaien met Oracle scene builder vanuit eclipse.
    Run an FXML file with Oracle scene builder from within eclipse.

    Program / Programmas:

    eclipse-standard-kepler-SR1-win32
    Java :: jre7 (or/of 8)

    Metode 1:


    Rechter muisklik het fxml bestand in je eclipseprojekt> "open with" :: kies: System Editor

    Right mouseclick the fxml file in your eclipseproject> "open with" :: chose: System Editor

    Haga clic derecho en el archivo fxml en el Proyecto Eclipse > "open with" :: selecciona: System Editor 

    or

    Metode 2:
    Rechter muisklik het fxml bestand in je eclipseprojekt> "open with" > "other" .
    Right mouseclick the fxml file in your eclipseproject>               "                     ".
    Selekteer in het keuzevenster "external programs"
    Select in the editor selection window  "         "  .
    Indien javafx scene builder zich niet in de lijst bevindt zoek dan het programma via de "Browse" knop.
    If the desired program is not listed in the proposed list use the 'Brouwse" button to select it.
    Na het aanduiden van het programma zet eclipse dit bij onderaan de lijst van external programs.
    After selecting it, eclipse will add the program at the end of the selectionlist.
    klik het progamma aan en druk ok.
    Click on it and press the ok button.


    Noot:
    - Scene builder heeft wel zijn tijd nodig om op te laden.
    - Scene builder needs it s time to load.
    - Bij veranderingen in je fxml bestand zal scene builder je bestand updaten in je eclipse projekt bij een bewaaropdracht.
    - By changes on the fxml file Scene builder will opdate your file in the elipse project by the command to save it.
    - Je sluit de screne builder(1.1) best af als je hem even niet meer gebruikt?
     (De mogelijk bestaat dat het programma na een tijd niet meer reageert of dat het een tijd duurt vooraleer het weer aktief wordt.






    15-11-2013 om 00:00 geschreven door de makers


    Tags:opescene builder with eclipse, Using Scene Builder with Eclipse
    » Reageer (0)
    12-11-2013
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.FXML voorbeeld voor eclipse | FXML sample for eclipse
    FXML voorbeeld voor eclipse | FXML sample  for eclipse

    Nodig voor ons voorbeeld:

    1: maak een package map aan in uw projekt

    bvb: map eclipse

    2: maak 2 java class bestanden (2 java class files) + 1 fxml bestand (1 fxml file)

    bvb:  MenEditor.java (start-bestand(-file), MenControler.java , menlayout.fxml

    a: Code MenEditor.java  

    package eclipse;

    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;

    /**
    *
    * @author pw
    */
    public class MenEditor extends Application {
       
       @Override
       public void start(Stage stage) throws Exception {
           Parent root = FXMLLoader.load(getClass().getResource("menlayout.fxml"));
           
           Scene scene = new Scene(root);
           
           stage.setScene(scene);
           stage.show();
       }

        /**
          * Met de main() method word geen rekening gehouden in een goed 
          * samengestelde JavaFX toepassing.
          * main() is bedoeld als terugval in het geval dat de toepassing
          * ten gevolge van het gebruik van e.d. in IDEs met beperkte FX
          * ondersteuning.
          */


       public static void main(String[] args) {
           launch(args);
       }
       
    }

    b: MenController.java

    package eclipse;

    import java.net.URL;
    import java.util.ResourceBundle;
    import javafx.event.ActionEvent;
    import javafx.fxml.FXML;
    import javafx.scene.control.Button;
    import javafx.scene.control.MenuButton;
    import javafx.scene.control.ProgressIndicator;
    import javafx.scene.control.Tab;
    import javafx.scene.control.TabPane;
    import javafx.scene.control.TextArea;
    import javafx.scene.input.InputMethodEvent;
    import javafx.scene.input.KeyEvent;
    import javafx.scene.layout.AnchorPane;
    import javafx.scene.layout.HBox;
    import javafx.scene.web.HTMLEditor;
    import javafx.scene.web.WebView;


    public class MenController {

       @FXML
       private ResourceBundle resources;

       @FXML
       private URL location;

       @FXML
       private HTMLEditor editorraam;

       @FXML
       private AnchorPane hoofdanchorpane;

       @FXML
       private TabPane hoofdtabpane;

       @FXML
       private MenuButton keuzelijst;

       @FXML
       private HBox men_hboxbuttons;

       @FXML
       private AnchorPane menanchorpane;

       @FXML
       private TextArea menraam;

       @FXML
       private ProgressIndicator progressindicator;

       @FXML
       private Tab tabbrowser;

       @FXML
       private Tab tabhtml;

       @FXML
       private Tab tabmen;

       @FXML
       private Button verzendknop;

       @FXML
       private Button volgendeknop;

       @FXML
       private Button vorigeknop;

       @FXML
       private WebView webbrowserraam;


       @FXML
       void onkeypressedAksie(KeyEvent event) {
        System.out.println("toets ingedrukt");
       }

       @FXML
       void onkeyreleasedAksie(KeyEvent event) {
        System.out.println("toets gelost");
       }

       @FXML
       void onkeytypedAksie(KeyEvent event) {
        System.out.println("toest gebruikt");
       }

       @FXML
       void ontextchangeAksie(InputMethodEvent event) {
        System.out.println("tekst aangepast");
       }

       @FXML
       void verzendaksie(ActionEvent event) {
       }

       @FXML
       void volgendeaksie(ActionEvent event) {
       }

       @FXML
       void vorigeaksie(ActionEvent event) {
       }

       @FXML
       void initialize() {

       }

    }

    Dit bestand werd gecopieerd vanuit Oracle Scene builder via menu view > Show sample controller skeleton(zie foto)
    We have copied this file from the Oracle Scene Builder menu : view > Show sample controller skeleton(see pic)

    c: menlayout.fxml

    <?xml version="1.0" encoding="UTF-8"?>

    <?import java.lang.*?>
    <?import java.util.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.paint.*?>
    <?import javafx.scene.text.*?>
    <?import javafx.scene.web.*?>
    <?scenebuilder-background-color 0xdfdfdfff?>

    <AnchorPane id="AnchorPane" fx:id="hoofdanchorpane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" m
      <children>
        <ProgressIndicator id="progressindic" fx:id="progressindicator" layoutX="557.0" layoutY="23.0" progress="0.0" />
        <TabPane fx:id="hoofdtabpane" prefHeight="323.0" prefWidth="572.0" tabClosingPolicy="UNAVAILABLE" AnchorPane.bottomAnchor="14.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="63.0">
          <tabs>
            <Tab fx:id="tabmen" text="MEN-Editor">
              <content>
                <AnchorPane id="Content" fx:id="menanchorpane" minHeight="0.0" minWidth="0.0" prefHeight="262.0" prefWidth="572.0">
                  <children>
                    <TextArea id="Editor" fx:id="menraam" onKeyPressed="#onkeypressedAksie" onKeyReleased="#onkeyreleasedAksie" onKeyTyped="#onkeytypedAksie" prefHeight="268.0" prefWidth="572.0" style="-fx-font: 18px "Book Antiqua"; -fx-padding: 10;" text="" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="24.0" />
                    <HBox id="HBox" fx:id="men_hboxbuttons" alignment="CENTER" layoutY="3.0" spacing="5.0" AnchorPane.rightAnchor="8.0">
                      <children>
                        <Button mnemonicParsing="false" text="Button" />
                        <Button mnemonicParsing="false" text="Button" />
                        <Button mnemonicParsing="false" text="Button" />
                      </children>
                    </HBox>
                  </children>
                </AnchorPane>
              </content>
            </Tab>
            <Tab fx:id="tabhtml" text="HTML-Editor">
              <content>
                <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                  <children>
                    <HTMLEditor id="htmlEditor" fx:id="editorraam" htmlText="<html><head></head><body contenteditable="true"></body></html>" onInputMethodTextChanged="#ontextchangeAksie" onKeyPressed="#onkeypressedAksie" onKeyReleased="#onkeyreleasedAksie" onKeyTyped="#onkeytypedAksie" prefHeight="271.0" prefWidth="572.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
                  </children>
                </AnchorPane>
              </content>
            </Tab>
            <Tab fx:id="tabbrowser" text="WebBrowser">
              <content>
                <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                  <children>
                    <WebView id="pwWebBrowser" fx:id="webbrowserraam" prefHeight="252.0" prefWidth="572.0" AnchorPane.bottomAnchor="6.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="34.0" />
                    <HBox id="HBox" alignment="CENTER" layoutY="4.0" prefWidth="558.0" spacing="5.0" AnchorPane.rightAnchor="8.0">
                      <children>
                        <TextField prefWidth="355.0" text="http://www.google.nl" HBox.hgrow="ALWAYS" />
                        <Button id="verzendknopAksie" fx:id="verzendknop" mnemonicParsing="false" onAction="#verzendaksie" text="Verzend" />
                        <Button id="vorigeAksie" fx:id="vorigeknop" mnemonicParsing="false" onAction="#vorigeaksie" text="Vorige" />
                        <Button id="volgendeaksie" fx:id="volgendeknop" mnemonicParsing="false" onAction="#volgendeaksie" text="Volgende" />
                      </children>
                    </HBox>
                  </children>
                </AnchorPane>
              </content>
            </Tab>
          </tabs>
        </TabPane>
        <Text fill="#606060" layoutX="29.0" layoutY="30.0" scaleX="1.3934224560051214" scaleY="1.0" strokeType="OUTSIDE" strokeWidth="0.0" text="pwMenEditor">
          <font>
            <Font name="System Bold" size="12.0" />
          </font>
        </Text>
        <MenuButton fx:id="keuzelijst" layoutY="25.0" mnemonicParsing="false" text="Keuzelijst" AnchorPane.rightAnchor="51.0">
          <items>
            <MenuItem mnemonicParsing="false" text="Action 1" />
            <MenuItem mnemonicParsing="false" text="Action 2" />
          </items>
        </MenuButton>
      </children>
    </AnchorPane>


    Dit bestand werd aangemaakt met Oracle Scene Builder
    Made with Oracle Scene builder (1.1)

    Noot:
    Aan het einde van de eerste itemkonfigurasie zie je hoe de lokasie van the kontroler wordt weeergegeven:
    fx:controller="eclipse.MenController">
    Gebruik dus een punt en geen schuine streep om de package-map en de bestandsnaam aan te geven.
          
    De nieuwere testversie van scene builder vinden wij minder aangenaam om mee te werken. Er zijn ook taalproblemen mee: gebruik van verschillende talen door mekaar.


    Programmas:
    eclipse-standard-kepler-SR1-win32
    C:Program FilesJavajre8

    Hulpprogramma : JavaFX Scene Builder
    gratis download = <a href="http://www.oracle.com/technetwork/java/javafx/tools/index.html">Scene Builder";


    indien je een lagere jre versie wil gebruiken kijk dan na of deze de jfxrt.jar bevat
    voeg deze anders toe via:

    Build pad / add external jars.
    C:/program files/java/jdk1.7.0_45/jre/lib/jfxrt.jar

    Eclipse FXML sample example
    Eclipse FXML controller
    Eclipse FXML file

    Eclipse FXML voorbeeld
    Eclipse FXML controller
    Eclipse FXML bestand




    12-11-2013 om 16:19 geschreven door de makers


    Tags:FXML EXAMPLE ECLIPSE Controller
    » Reageer (0)
    07-07-2011
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Wapenschild Hamerlinck
    Klik op de afbeelding om de link te volgen

    Wapenschild Hamerlinck

     














    07-07-2011 om 05:53 geschreven door de makers


    » Reageer (0)
    06-07-2011
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Wapenschild Hamerlinck
    Klik op de afbeelding om de link te volgen

    Family Crest,Coat of Arms

     

    Familiewapen  Familie Hamerlinck

     

    Heraldiek

    06-07-2011 om 00:00 geschreven door de makers


    Tags:heraldiek, wapenschild
    » Reageer (0)
    17-11-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Zelf oefeningen maken :: educatie , talen , enquetes
    Zelf oefeningen maken :: invuloefeningen , multiple choise , radio buttons , combobox.

    Zelf invuloefeningen of multiple choice oefenningen maken op een eenvoudige manier.

    Structuur en voorbeeldvideo

    Link naar de oefening - formmaker

    Kan gebruikt worden voor talen , quizvragen , algemene kennis.

    17-11-2009 om 00:00 geschreven door de makers


    » Reageer (0)
    19-03-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.ST. PATRICKS DAY PARADE


    ST. PATRICKS DAY PARADE 2009

    Free speech is sacred

    19-03-2009 om 14:56 geschreven door de makers


    » Reageer (1)
    18-02-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Hulp programma voor het leren van vreemde talen.
    Leren lezen, sneller leren lezen, woordenschat verrijken, gezegden en spreekwoorden bijwerken, in de eigen taal of bij het aanleren van een vreemde taal.
    Een handig hulpmiddel om dit doel te bereiken wordt geboden door het volgende html-javascript gereedschap.

    Klik hier voor een voorbeeld van voorgeprogrammeerde oefeningen: Voorgeprogrameerde oefeningen

    Code:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

    <HTML>
    <HEAD>
       
        <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
        <TITLE></TITLE>
        <META NAME="GENERATOR" CONTENT="OpenOffice.org 3.0  (Win32)">
        <META NAME="AUTHOR" CONTENT="piet willems">
        <META NAME="CREATED" CONTENT="17-02-2009">
        <META NAME="CHANGED" CONTENT="0;0">
    <style>


    .mini{font-family:Tahoma; font-size:7pt;text-spacing:-1px;line-height:90%}
    .display{font-size:26 ;font-family:Arial; font-weight : bold;text-align: center}
    </style>

    <script language=javascript>


    var randomnr;
    var timerboolean = false;
    var teller = null;
    var x=0,t=1;
    var ingave;
    var woordenschat;
    var tijd,t;
    var max;
    var aantalzinnen=0;


    function Initieergeordend(oef)
    {

    ingave = document.getElementById('bron').value;
        
        woordenschat =document.getElementById('bron').value;
        woordenschat=woordenschat.split(".");
           
        tijd = document.getElementById('leesduur').value;
        max= woordenschat.length;
        document.getElementById('aantalzinnentekst').value = max;
        aantalzinnen = document.getElementById('duuroefening').value; //100
        if(timerboolean)
            {
            clearTimeout(teller);
            timerboolean = false;
            }
        if (aantalzinnen==0)
            {
            StopTheClock();
            alert("Einde van de oefening.");
            }
        else
            {
            aantalzinnen = aantalzinnen - 1;
            timerboolean = true;

            document.getElementById('displaycell').innerHTML=woordenschat[x];
            t = woordenschat[x].length;
            x=x+1;
            document.getElementById('duuroefening').value=aantalzinnen;
            tijd = tijd*t;
            document.getElementById('berekendeleestijd').value=tijd;
            teller = self.setTimeout("Initieergeordend()", tijd);
        }
    }


    function Initieerwillekeurig()
    {

    ingave = document.getElementById('bron').value;
     

        
        woordenschat =document.getElementById('bron').value;
        woordenschat=woordenschat.split(".");
        tijd = document.getElementById('leesduur').value;
        max= woordenschat.length;
        document.getElementById('aantalzinnentekst').value = max;
        aantalzinnen = document.getElementById('duuroefening').value; //100
        
        if(timerboolean)
            {
            clearTimeout(teller);
            timerboolean = false;
            }
        if (aantalzinnen==0)
            {
            StopTheClock();
            alert("Einde van de oefening.");
            }
        else
            {
            aantalzinnen = aantalzinnen - 1;
            timerboolean = true;
            randomnr = Math.random();
            document.getElementById('displaycell').innerHTML=woordenschat[Math.ceil(randomnr*max)-1];
            t = woordenschat[Math.ceil(randomnr*max)-1].length;    
            document.getElementById('duuroefening').value=aantalzinnen;
            tijd = tijd*t;
            document.getElementById('berekendeleestijd').value=tijd;
            teller = self.setTimeout("Initieerwillekeurig()", tijd);
        }
    }


    function StopTheClock()
    {
        if(timerboolean)
        {
               clearTimeout(teller);
            timerboolean = false;
        }
        location.reload(true);
    //alert("Einde van de oefening.")
    }

    function LaadOef1()
    {
    document.getElementById('bron').value=document.getElementById('oef1').value;
    }

    function LaadOef2()
    {
    document.getElementById('bron').value=document.getElementById('oef2').value;
    }

    function LaadOef3()
    {
    document.getElementById('bron').value=document.getElementById('oef3').value;
    }

    function LaadOef4()
    {
    document.getElementById('bron').value=document.getElementById('oef4').value;
    }

    function LaadOef5()
    {
    document.getElementById('bron').value=document.getElementById('oef5').value;
    }

    function LaadOef6()
    {
    document.getElementById('bron').value=document.getElementById('oef6').value;
    }

    function laadinstructies()
    {
    document.getElementById('bron').value="Plak hier uw tekst of gebruik één van onderstaande knoppen die een voorbeeldtekst laden.rNieuwe tekst laden:rdruk Stop | druk Reset | plak nieuwe tekst | Start geordend/willekeurig";
    }
        
    </script>       

    </head>

    <body onload=laadinstructies()>

    <table border="0" width="100%">
        <tr>
            <td bgcolor="#3C0000" style="border: 1px solid #000000; ">
    <b>
    <font face="Arial" color="#FFFFFF">Oefen- en Hulpgereedschap : Leren lezen in
    een vreemde taal. Leer uw woordenschat : Leer gezegden en uitdrukkingen.</font></b></td>
        </tr>
        <tr>
            <td id="displaycell" class="display" height="151" style="border: 1px solid #C0C0C0">
            </td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
    <table border="0" width="100%" style="border: 1px solid #6C3600" bgcolor="#FF8C1A">
        <tr>
            <td width="81" valign="bottom">
            <input type="button" value="Start geordend" name="B4" onclick=Initieergeordend()></td>
            <td width="81" valign="bottom">
            <input type="button" value="Start willekeurig" name="B7" onclick=Initieerwillekeurig()></td>
            <td width="56" valign="bottom">
            <input type="button" value="Stop" name="B5" onclick=(StopTheClock())></td>
            <td width="166" valign="bottom">
            <b>
            <font face="Arial" size="1">Aantal keer oefenen </font>
            </b>
            <input id="duuroefening" value="10" size="6" name="duuroefening"></td>
            <td width="117" valign="bottom">
            <p align="left"><b><font face="Arial" size="1">Leestijd </font>
            </b>
            <input id="leesduur" value="70" size="6" name="leesduur"></td>
            <td valign="bottom" width="132"><font size="1" face="Arial">Aantal
            zinnen in de tekst</font></td>
            <td valign="bottom" width="63">
             <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," --><input id="aantalzinnentekst" value="0" size="6" name="randomkeuze" style="border: 1px solid #800000"></td>
            <td valign="bottom" width="115">
            <p align="right"><font size="1" face="Arial">Berekende  leestijd :</font></td>
            <td valign="bottom">
             <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," --><input id="berekendeleestijd" size="6" name="randomkeuze0" style="border: 1px solid #800000"></td>
        </tr>
    </table>
    <table border="0" width="100%" cellspacing="5" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
        <tr>
            <td>
            <input type="button" value="Moeilijke woorden" name="B12" onclick=LaadOef1()></td>
            <td>
            <input type="button" value="Spreekwoorden A" name="B13" onclick=LaadOef2()></td>
            <td>
            <input type="button" value="Leesoef. 1" name="B14" onclick=LaadOef3()></td>
            <td>
            <input type="button" value="Leesoef.2" name="B15" onclick=LaadOef4()></td>
            <td>
            <input type="button" value="Leesoef.3" name="B16" onclick=LaadOef5()></td>
            <td>
            <input type="button" value="Leesoef.4" name="B17" onclick=LaadOef6()></td>
            </table>
    <p> </p>
    <p align="center"><font face="Arial">
                    <textarea rows="10" name="S7" cols="91" id="bron" style="border: 1px solid #510000; ">
                    </textarea></font></p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <form method="POST">
    <TABLE height="255" width="100%" cellspacing="0" >
            <TR>
                <TD HEIGHT=19 ALIGN=LEFT bgcolor="#3C0000"><b>
                <font face="Arial" size="2" color="#FFFFFF">Data Oefeningen</font></b></TD>
            </TR>
            <TR>
                <TD HEIGHT=230 ALIGN=LEFT>
                <p><font face="Arial">
                   
    <textarea rows="10" name="S1" cols="30" id="oef1" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR OEFENING 1. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.

    </textarea>

    <textarea rows="10" name="S3" cols="30" id="oef3" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR OEFENING 2. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.


    </textarea><br>

    <textarea rows="10" name="S3" cols="30" id="oef3" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR OEFENING 3. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.


    </textarea><br>

    <textarea rows="10" name="S4" cols="30" id="oef4" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR DE OEFENING 4. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.


    </textarea>

    <textarea rows="10" name="S5" cols="30" id="oef5" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR OEFENING 5. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.


    </textarea>

    <textarea rows="10" name="S6" cols="30" id="oef6" style="border: 1px solid #510000; ">

    PLAK HIER DE TEKST VOOR OEFENING 6. OPGELET : VERGEET HET "PUNT"-LEESTEKEN NIET. DIT TEKEN WORDT GEBRUIKT OM DE ZINNEN TE SCHEIDEN.
    Nadien deze code opslaan als "uwnaam.html", dus als een html-bestand.


    </textarea></font></p>
                    
                </TD>
            </TR>
            </TABLE>
            
    <TABLE height="18" width="100%" cellspacing="0" >
            <TR>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000">
                <p align="center">
                    </TD>
            </TR>
    </TABLE>
    </form>

    </body>

    </html>


    Klik hier voor een voorbeeld van : Copy en past voorbeeld

    Code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

    <HTML>
    <HEAD>
       
        <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
        <TITLE></TITLE>
        <META NAME="GENERATOR" CONTENT="OpenOffice.org 3.0  (Win32)">
        <META NAME="AUTHOR" CONTENT="piet willems">
        <META NAME="CREATED" CONTENT="17-02-2009">
        <META NAME="CHANGED" CONTENT="0;0">
    <style>


    .mini{font-family:Tahoma; font-size:7pt;text-spacing:-1px;line-height:90%}
    .display{font-size:26 ;font-family:Arial; font-weight : bold;text-align: center}
    </style>

    <script language=javascript>


    var randomnr;
    var timerboolean = false;
    var teller = null;
    var x=0,t=1;
    var ingave;
    var woordenschat;
    var tijd;
    var irish = "An Irish Tale.As I returned from the tavern the other night.I beheld in the forest a beautiful sight.Sitting upon a fallen log he was;I could hardly believe me luck!.Of all good things to stumble upon.There in the wood, a wee Leprechaun!.Quiet as a mouse I crept up close.Still he sat, rubbing his toes.His long white beard flowed to the ground.Up I crept with nary a sound.Intent I was to grab and hold fast.This lucky Leprechaun so finally at last.I would have me three wishes and be myself told.The secret hiding place of his pot o' gold.A rich man, indeed; Rich I would be.So long as he didn't get away from me.Up I jumped when I got within reach.The wee green man let out a screech.By the coattails I had him; I tell you I did!.But somehow by magic he slipped me grip!.Off he ran, quick as a whip;The little feller gave me the slip.So now here I be poor as ever I've been.And do never expect such a chance again.But now when I travel after the sun is gone.I be hearing the laughter of a Leprechaun.";
    var scottish = "FROG AND CROW.'Ghille Criosda mhic Dhughail cuir a nois do mhàg'.Christ's servant, son of Dugald, put up thy paw.'Tha eagal orm, tha eagal orm, tha eagal orm'.I fear.'Gheibh thu còta gorm a's léine. Gheibh thu còta gorm a's léine'.Thou shalt have a blue coat and a shirt.Then the frog put up his hand and the hoodie took him to a hillock and began to eat him, saying,'Biadh dona lom! 's bu dona riabh thu'.Bad bare meat and bad wert thou ever.'Caite bheil do ghealladh math a nis?' said the frog.Where is thy good promise now?.'Sann ag ol a bha sinn an latha sin. Sann ag ol a bha sinn an latha sin'.It is drinking we were on that day.'Toll ort a ruid ghrannda gur beag feola tha air do chramhan'.'Toll ort!' said the hoodie.A hole in thee, ugly thing! how little flesh is on thy bones.";
    var spaans = "En el cuarto de los niños.Papá, mamá y todos los hermanitos habían ido a ver la comedia; Anita y su padrino quedaron solos en casa.También nosotros tendremos nuestra comedia - dijo el padrino -. Manos a la obra.Pero no tenemos teatro - replicó la pequeña Anita -, ni nadie que haga de cómico. Mi vieja muñeca es demasiado fea, y no quiero que se arrugue el vestido de la nueva.Cómicos siempre hay, si nos contentamos con lo que tenemos - dijo el padrino -.Ante todo vamos a construir el teatro. Pondremos aquí un libro, allí otro, y un tercero atravesado. Ahora tres del otro lado; ya tenemos los bastidores.Aquella caja vieja podrá servirnos de fondo; pondremos la base hacia fuera. La escena representa una habitación, esto está claro. Dediquémonos ahora a los personajes. Veamos qué hay en la caja de los juguetes. Primero los personajes, después la obra; cuando tengamos los primeros, la otra vendrá por sí sola, y la cosa saldrá que ni pintada. Aquí hay una cabeza de pipa, y allí un guante sin pareja; podrán ser padree hija.";
    var deutsch = "IM WALD.Über dem Hohlweg ein dunkler Saum aus Brombeergestrüpp und Haselsträuchern. Unten ein Schnauben, ein klirrendes Geräusch wie von Kettengliedern. Ein dumpfer, wuchtiger Schlag auf eine Planke. Und wieder flirrende Stille. Oben im Gebüsch fassen spitze Finger eine Dornenranke. Schieben sie, biegen sie sorgsam zur Seite. Da späht ein Mausgesicht hervor; das ist Alban.Der Junge musterte Gespann und Fuhrwerk drunten im Sand. Die Zugtiere standen breitbeinig und schwer, mit tief gesenkten Häuptern. Wie Spielzeug die Ladung: Fässer, Kisten, braune Säcke. Am Kutschbock steckte eine Peitsche. Kein Fahrer zu sehen, doch der tauchte gewiß wieder auf. Das Gefährt stand da wie gerufen; Alban hatte es sich so sehr gewünscht. Wohin die Reise ging? Das war ihm egal.";
    var nederlands = "Nel : door Desirée Roggen, 13 jaar.Piet zit aan de rand van het meer, zijn armen om zijn benen geklemd. Wat hij drie jaar geleden heeft meegemaakt heeft hem nog steeds niet losgelaten. Dat zijn beste vriend Willem zoiets heeft kunnen doen. Hij wist dat Willem haar verafschuwde, maar dan nog is het iets vreselijk. Hij heeft nu een meisje ontdekt dat op haar lijkt. Meteen moest hij weer aan haar denken. Zou ze het toestaan als hij met haar verkering zou nemen? Hij wist niet wat hij moest doen. Hij sloot zijn ogen. Hij moest terug denken aan de tijd dat hij haar ontmoette en haar ook weer verloor. Het meisje zonder moeder, het meisje waar hij van hield, Nel.Nel liep het café binnen. Daar zat Piet ook. Hij zag het meisje naar binnen lopen. Ze was mooi. Ze had lange zwarte haren, een rond gezichtje en was niet erg groot. Wat hem aan haar opviel waren die grote bruine ogen. Ze leerden elkaar al sNel kennen. Nel de heks en Piet de onervaren tovenaar. 'Ik leer je, je kunsten beheersen.' had ze tegen hem gezegd. Erg veel magie had ze zelf niet, maar wist wel hoe ze Piet zijn krachten moest leren. Elke dag kwamen ze bij elkaar. In het begin voor de lessen later voor wel meer dingen. Piet praatte vaak met zijn beste vriend Willem over haar, maar hij zei niet dat hij met haar omging. Willem had een grote afschuw van Nel. ";

    var max;
    var aantalzinnen=0;


    function Initieergeordend()
    {

    ingave = document.getElementById('bron').value;
        
        woordenschat =document.getElementById('bron').value;
        woordenschat=woordenschat.split(".");
           
        tijd = document.getElementById('leesduur').value;
        max= woordenschat.length;
        document.getElementById('zinnenintekst').value=max+1;
        aantalzinnen = document.getElementById('duuroefening').value; //100
        if(timerboolean)
            {
            clearTimeout(teller);
            timerboolean = false;
            }
        if (aantalzinnen==0)
            {
            StopTheClock();
            alert("Einde van de oefening.");
            }
        else
            {
            aantalzinnen = aantalzinnen - 1;
            timerboolean = true;

            document.getElementById('displaycell').innerHTML=woordenschat[x];
            t = woordenschat[x].length;
            x=x+1;
            tijd=tijd*t
            document.getElementById('berekendeleestijd').value=tijd;
            document.getElementById('duuroefening').value=aantalzinnen;
            teller = self.setTimeout("Initieergeordend()", tijd);
        }
    }


    function Initieerwillekeurig()
    {

    ingave = document.getElementById('bron').value;
     

        
        woordenschat =document.getElementById('bron').value;
        woordenschat=woordenschat.split(".");
        tijd = document.getElementById('leesduur').value;
        max= woordenschat.length;
        document.getElementById('zinnenintekst').value=max+1;
        aantalzinnen = document.getElementById('duuroefening').value; //100
        
        if(timerboolean)
            {
            clearTimeout(teller);
            timerboolean = false;
            }
        if (aantalzinnen==0)
            {
            StopTheClock();
            alert("Einde van de oefening.");
            }
        else
            {
            aantalzinnen = aantalzinnen - 1;
            timerboolean = true;
            randomnr = Math.random();
            document.getElementById('displaycell').innerHTML=woordenschat[Math.ceil(randomnr*max)-1];    
            t = woordenschat[Math.ceil(randomnr*max)-1].length;
            tijd=tijd*t;
            document.getElementById('berekendeleestijd').value=tijd;
            document.getElementById('duuroefening').value=aantalzinnen;

            teller = self.setTimeout("Initieerwillekeurig()", tijd);
        }
    }


    function StopTheClock()
    {
        if(timerboolean)
        {
               clearTimeout(teller);
            timerboolean = false;
        }
        location.reload(true);
    //alert("Einde van de oefening.")
    }

    function LaadIrish()
    {
    document.getElementById('bron').value=irish;
    }

    function LaadScottish()
    {
    document.getElementById('bron').value=scottish;
    }

    function LaadDeutsch()
    {
    document.getElementById('bron').value=deutsch;
    }

    function LaadNederlands()
    {
    document.getElementById('bron').value=nederlands;
    }

    function LaadSpaans()
    {
    document.getElementById('bron').value=spaans;
    }

    function laadinstructies()
    {
    document.getElementById('bron').value="Plak hier uw tekst of gebruik één van onderstaande knoppen die een voorbeeldtekst laden.rNieuwe tekst laden:rdruk Stop | druk Reset | plak nieuwe tekst | Start geordend/willekeurig";
    }
        
    </script>       

    </head>

    <body onload=laadinstructies()>

    <table border="0" width="100%">
        <tr>
            <td bgcolor="#3C0000" style="border: 1px solid #000000; ">
    <b>
    <font face="Arial" color="#FFFFFF">Oefen- en Hulpgereedschap : Leren lezen in
    een vreemde taal. Leer uw woordenschat : Leer gezegden en uitdrukkingen.</font></b></td>
        </tr>
        <tr>
            <td id="displaycell" class="display" height="151" style="border: 1px solid #C0C0C0">
            </td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
    <table border="0" width="100%" style="border: 1px solid #6C3600" bgcolor="#FF8C1A">
        <tr>
            <td width="81" valign="bottom">
            <input type="button" value="Start geordend" name="B4" onclick=Initieergeordend()></td>
            <td width="81" valign="bottom">
            <input type="button" value="Start willekeurig" name="B7" onclick=Initieerwillekeurig()></td>
            <td width="56" valign="bottom">
            <input type="button" value="Stop" name="B5" onclick=(StopTheClock())></td>
            <td width="166" valign="bottom">
            <font face="Arial" size="1"><b>Aantal keer oefenen</b> </font>
            <input id="duuroefening" value="10" size="6" name="duuroefening"></td>
            <td width="117" valign="bottom">
            <p align="left"><b><font face="Arial" size="1">Leestijd </font>
            </b>
            <input id="leesduur" value="70" size="6" name="leesduur"></td>
            <td valign="bottom" width="132"><font size="1" face="Arial">Aantal
            zinnen in de tekst</font></td>
            <td valign="bottom" width="63">
            <input id="zinnenintekst" value="0" size="6" name="randomkeuze" style="border: 1px solid #800000"></td>
            <td valign="bottom" width="144">
            <p align="right"><font size="1" face="Arial">Berekende  leestijd :</font></td>
            <td valign="bottom">
             <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," --><input id="berekendeleestijd" size="6" name="randomkeuze0" style="border: 1px solid #800000"></td>
        </tr>
    </table>
    <form id = "ingaveform" method="POST">
    <TABLE height="255" width="100%" cellspacing="0" >
            <TR>
                <TD HEIGHT=19 ALIGN=LEFT bgcolor="#3C0000"><b>
                <font face="Arial" size="2" color="#FFFFFF">Ingaveveld</font></b></TD>
            </TR>
            <TR>
                <TD HEIGHT=230 ALIGN=LEFT>
                   
                    <p align="center"><font face="Arial">
                    <textarea rows="10" name="S1" cols="114" id="bron" style="border: 1px solid #510000; ">
                    </textarea></font></p>
                    
                </TD>
            </TR>
            </TABLE>
            
    <TABLE height="18" width="100%" cellspacing="0" >
            <TR>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000" width="204">
                <p align="center">
                    <font face="Arial">
                    <input type="reset" value="reset" name="B2" style="float: left"></font></TD>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000" width="57">
                    <font face="Arial">
                    <input type="button" value="Irish" name="B6" onclick=LaadIrish()></font></TD>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000" width="88">
                    <font face="Arial">
                    <input type="button" value="Scottish" name="B8" onclick=LaadScottish()></font></TD>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000" width="80">
                    <font face="Arial">
                    <input type="button" value="Deutsch" name="B9" onclick=LaadDeutsch()></font></TD>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000" width="91">
                    <font face="Arial">
                    <input type="button" value="Español" name="B10" onclick=LaadSpaans()></font></TD>
                <TD HEIGHT=18 ALIGN=LEFT bgcolor="#3C0000">
                    <font face="Arial">
                    <input type="button" value="Nederlands" name="B11" onclick=LaadNederlands()></font></TD>
            </TR>
    </TABLE>
    </form>

    </body>

    </html>

    18-02-2009 om 00:00 geschreven door de makers


    » Reageer (0)
    15-11-2008
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Javascript :: tekst sorteren op unieke woorden :: sort text
    Code om een tekst uiteen te rafelen in afzonderlijke woorden de dubbels eruit te halen en de woorden te sorteren.

    In de huidige code worden enkel de volgende tekens weggeflterd. Indien je ook andere tekens wil elimineren moet fe deze code aanpassen :
    var chars =  new Array(''','<','>','-','(',')','{','}','"','.','?','¿','¡','!',':',';',',');


    De volledige code kan je copieëren in de hier onderstaande tabel.Wil je een werkend voorbeeld thuis op je pc copieer dan de code,plak deze  in je kladblok en je bewaart het bestand als een HTML - bestand.

    Test de code :: druk hier


    Javascript that separates all the words in a text , deletes the duplicates and sorts the remaining words.

    In the current code, only the following characters are filtered. If you want to filter other characters out of the result, you must adapt the following code :
    var chars = new Array (''','<','>','-','(',')','{','}','"','.','?', '¿','¡','!',':',';',',');

    You can copy the full code in the table below..

    Test the code here: Click here


    Javascript que separa todas las palabras en un texto, elimina los duplicados y ordenar todas las palabras.

    En el código actual, sólo los siguientes caracteres son filtrados. Si no desea otros caracteres en el resultado
    , usted debe adaptar el siguiente código:
    var caracteres = new Array (''','<','>','-','(',')','{','}','"','.','?', '¿','¡','!',':',';',',');

    Puede copiar el código completo en el cuadro que figura a continuación ..


    Probar el código aquí:   Click aqui

     

     

    15-11-2008 om 18:59 geschreven door de makers


    » Reageer (0)

    >

    Blog tegen de regels? Meld het ons!
    Gratis blog op http://blog.seniorennet.be - SeniorenNet Blogs, eenvoudig, gratis en snel jouw eigen blog!