Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Javascript Code to open a new web page

Posted on 2013-06-23
5
465 Views
Last Modified: 2013-06-24
I am trying out Embarcadero's HTML5 Builder, and want to have a two-screen mobile application. I can write a button which calls a Javascript function.

It is a simple question, but I can't figure out what to put in the (simple) one-line command to open the second screen.
0
Comment
Question by:GrahamDLovell
  • 2
  • 2
5 Comments
 
LVL 6

Expert Comment

by:Vijay Pratap Singh
ID: 39270448
<a href="javascript:;" onclick="window.location = 'http://example.com/submit.php?url=' + escape(document.location.href);'">Go</a>;
0
 

Author Comment

by:GrahamDLovell
ID: 39270548
This is standard javascript code for an onclick event.

My problem is with the HTML5 Embarcadero IDE, and here I need a call embedded in a function. Sorry that I wasn't clearer.

The example code for a Hello Word app, which refreshes the screen label when you click on MButton, and supply an input name (in the field Edit1), looks like this:

function MButton1Click(event) {
$('#MLabel1').html("Hello, " + $('#MEdit1').val() + "!");
}

Some of this syntax is understandable, eg. ("Hello, " + $('#MEdit1').val() + "!"), but rest is a total mystery. I have never come across this before.
0
 
LVL 55

Expert Comment

by:Julian Hansen
ID: 39270895
The rest is JQuery

What it is saying is

$('#MLabel1') gets a reference to the MLable1 element as a JQuery object.

Once you have this you can call the .html method on that object which basically sets the innerHTML of the element so the line basically does this

Set the html content of the element identified by MLabel1 to the string Hello concatenated with the Value of the input element with id MEdit1

In terms of showing the other screen - is this a completely new page or a simulated "new screen" i.e. a hidden div that is then displayed on some event?
0
 

Author Comment

by:GrahamDLovell
ID: 39271395
Good explanation. Thanks for the direction. I will read up on JQuery.

I was planning that the other screen just be a completely new page that I will pre-prepare.
0
 
LVL 55

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39272131
Then you could do something like this.

function MButton1Click(event) {
    window.location = "urlofnewpage.html";
}
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

837 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question