ajax/php issue - JavaScript Discussion Boards

I am looking over some code that someone else wrote for three.js
The main.js file starts out with this.

 var APP = {};

(function () {
  "use strict";

  /*global VT,THREE,Detector,requestAnimationFrame*/
  /*jslint browser: true*/

  /***************************************************************************
   * Global Variables
   */

  // three.js variables
  var scene = null;
  var renderer = null;
  var camera = null;
  var controls = null;
  var mesh = null;
  var clock = new THREE.Clock();

  var domContainer = null;
  var virtualTexture = null;

  /***************************************************************************
   * Initialiaze application
   */

  function resize() {
    renderer.setSize(window.innerWidth, window.innerHeight);
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
  }

   .
   .
   .
  APP.load = function (geometry, config) {

    // create virtual texture
    geometry.computeTangents();
    geometry.computeVertexNormals();

    virtualTexture = new THREE.VirtualTexture(renderer.context, config);
    var material = THREE.createVirtualTextureMaterial(virtualTexture);

    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);

    THREE.duplicateGeometryForVirtualTexturing(geometry, virtualTexture);
  };
  
}());

and the code ends like above.

I dont get this line (function () {
How does that work or even get called?
The code actually works and not seeing anything like this before
just made me curious.
Hope someone can shed some light on this.

Thanks,
Bob

All of the code is encapsulated inside an anonymous function that starts with the

(function () {

line and ends with

}());

The function is executed straight away - the () on the last line calls it with no arguments. The only variable that this script exposes is "APP", which is an object containing the "load" function (and anything else that was added in the ... part).

Thanks so much.

Really good explanation

Nice explanation Smile | :)

JavaScript

(function () {
/*TODO*/
}());

equal with:

JavaScript

var fn = function(){
/*TODO*/
};
fn();

look at the following codes:

JavaScript

(function(words){alert(words);}('hello!'));

It’s an Immediately-Invoked Function Expression, or shorter: IIFE. It executes immediately after it’s created.

This pattern is often used when trying to avoid polluting the global namespace, because all the variables used in the function are not visible outside its scope.

ASM

Can someone please help me with this code by looking over it for something obvious? The problem seems to be that the embedded JavaScript code is not being executed and, therefore, the PHP code is also skipped. Both, the HTML and the PHP files are in the root directory.

html/js:

XML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery AJAX test form</title>
<script src="js/jquery.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <!-- Contacts -->
  <div id="contacts">
    <div class="row">
      <!-- Alignment -->
      <div class="col-sm-offset-3 col-sm-6">
        <p>&nbsp;</p>
        <p>Some header message here</p>
        <p>&nbsp;</p>
        <form name="contact" class="well" id="contact">
          <legend>Contact Form</legend>
          <div class="control-group">
            <div class="controls">
              <input type="text" class="form-control" placeholder="Name" id="name" />
              <p class="help-block"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="controls">
              <input type="email" class="form-control" placeholder="Email" id="email" required/>
            </div>
          </div>
          <div class="control-group">
            <div class="controls">
              <textarea rows="10" cols="100" class="form-control" placeholder="Message" id="message" style="resize:none"></textarea>
            </div>
          </div>
          <div id="success"> </div>
          <button type="submit" class="btn btn-primary pull-right" id="submit">Send</button>
          <button type="reset" class="btn btn-default pull-right" id="res">Reset</button>
          <br />
        </form>
      </div>
    </div>
  </div>
</div>
<script>
 $(function() {
    $("button#submit").click(function(event){
        event.preventDefault();
        $.ajax({
            type: "POST",
            url: "process.php",
            data: $('form.contact').serialize(),
            success: function(){
                    alert("success");
            },
            error: function(){
                alert("failure");
            }
        });
    });
});
</script>
</body>
</html>

php:

<?php
if (isset($_POST['name'])) {
$name = strip_tags($_POST['name']);
$email = strip_tags($_POST['Email']);
$message= strip_tags($_POST['message']);
echo "Name =".$name."";
echo "Email =".$email."";
echo "Message =".$message."";
echo "your message has been submitted .. Thank you";
}
?>

ralf.riedel@usm.edu

RalfPeter wrote:
$("button#submit").click(function(event){

Change your selector from...

JavaScript

$("button#submit").

to.

JavaScript

$("#submit").

Nope. It now enters the ajax code, but does not access the php code. Thx for the tip.

ralf.riedel@usm.edu

try debugging your error handler to see what is happening. I would change the error function to receive the three different parameters and then add a breakpoint on the error handler in whatever browser you are using.

JavaScript

error: function(xhr, status, error){
    // checking the values returned should help diagnose the problem.
}

Hi folks,

I just started working on a very interesting project as part of my university research for 3D visualization of earth's surface in 3D (not 3D modeling but real 3D!) using nVidia 3D vision in browser environment. I'm planning to use one of web-based javascript mapping platforms (like open layers or leafletjs) as a base and develop necessary modules for 3D visualization. I have all necessary data (2 image pairs for a test area created from satellite image and Digital Elevation Model) and looking for information on platform, modules and libraries you might know that can help me build this or even any already developed tool you know. I would also appreciate if you mention any document, resource or guide you can share or if you have any comment, advice or ideas.
In case you are interested in being part of this tiny but fun project, you can contact me on the following Email:
T E Z a-t A B 0 d-o-t O R G (without space! third character after at sign is "0" (zero) and not "O" (the letter))

PS: here is a demo of nVidia's tech on browser for those who have access to 3D glasses and graphics card (you should choose 3D vision tab in gallery and turn your 3D feature ON to see it):

http://photos.3dvisionlive.com/HiTechLegion/image/4d0191b7378501b5010c0000/

Cheers

I already made a post at Superuser http://superuser.com/questions/800325/how-to-make-google-search-look-dumb[^]

I will summerize here:

[1] http://i.stack.imgur.com/ZN60B.jpg

My point is i do not want to see torrent sites in the search results,so if someone searches Google or any other search engine this phrase(-torrent-download-watch) should be automatically and invisibly added.

[2] http://i.stack.imgur.com/4mUSt.jpg

And one of the answers was this userscript written by krowe:

C#

// ==UserScript==
// @name       Tamper with Google Results
// @namespace  http://superuser.com/users/145045/krowe
// @version    0.1
// @description  This just modifies google results to exclude certain things.
// @match      http://*.google.com
// @match      https://*.google.com
// @copyright  2014+, KRowe
// ==/UserScript==


function GM_main () {
    window.onload = function () {
      var targ = window.location;
      if(targ && targ.href && targ.href.match('https?:\/\/www.google.com/.+#q=.+') && targ.href.search("/+-torrent/+-watch/+-download")==-1) {
        targ.href = targ.href +"+-torrent+-watch+-download";
      }
    };
}

//-- This is a standard-ish utility function:
function addJS_Node(text, s_URL, funcToRun, runOnLoad) {
    var D=document, scriptNode = D.createElement('script');
    if(runOnLoad) scriptNode.addEventListener("load", runOnLoad, false);
    scriptNode.type = "text/javascript";
    if(text) scriptNode.textContent = text;
    if(s_URL) scriptNode.src = s_URL;
    if(funcToRun) scriptNode.textContent = '(' + funcToRun.toString() + ')()';
    var targ = D.getElementsByTagName('head')[0] || D.body || D.documentElement;
    targ.appendChild(scriptNode);
}

addJS_Node (null, null, GM_main);

But the script is not working at all. I copied it to tampermonkey , tried it several times no luck.I need some help please.

I will be happy if this script can atleast work in YouTube,Bing and Yahoo.

Thank you in advance.

Why do you want to do that?

I think it would be better if you make your website hidden from search engine.

http://moz.com/blog/12-ways-to-keep-your-content-hidden-from-the-search-engines[^]
http://www.topranksolutions.com/making-site-invisible/[^]
http://www.seochat.com/c/a/search-engine-optimization-help/search-engines-for-the-invisible-web/[^]

Hope this helps.

Life is a computer program and everyone is the programmer of his own life.

My aim is to block torrent sites from google search results.I don't want others(family members) to notice the tampering.

You can contact your ISP and ask them to block torrent sites. Smile | :)

I am creating java web application using netbeans.

I want to insert Image in to my database (Mysql) , Please suggest me code for this page .

Thank you
Tushar

I would suggest you search google for examples.

There are only 10 types of people in the world, those who understand binary and those who don't.

I would recommend that you first use the Java[^] forum for this question. You will most likely have to use some form of BLOB.

You can use java to serialize the image object and then save it to the database. This link should help

Please first try search over internet, if you didn't find help then ask to community.

I made a button in Java Script, and I'm trying to figure out how to turn off the -webkit-appearance so Safari IOS won't turn the button into a rounded button. I found borderRadius.

I want put it inline, instead of modifying the class in the css file, I just need it in one spot.
I looked around but didn't really find anything, most searches produced beginner stuff.

var input_Close = document.createElement("input");
input_Close.id = "_bt_pv_close";
input_Close.type = "button";
input_Close.className = "g-button black";
input_Close.style.width = '112px';
input_Close.style.height = '32px';
input_Close.style.borderRadius = '0';
input_Close.style.fontSize = "1.0em";
input_Close.value = "close";
input_Close.size = "30";
input_Close.onclick = function () { sm_unload_Modal_PhotoViewer(); };
div_Close.appendChild(input_Close);

Why you are not adding whole style to the object in single line of code!

I was a complete newbie to writing HTML in the DOM, and I sort of used that style as the next step of advancement.
I couldn't remember the attribute and could not find it through search. I knew there was a one liner for inline style.
I was hoping to keep it the same, but I'll convert to your post example.

Thanks for the reminder!

Can you please use following:

JavaScript

var div = document.createElement('div');
div.setAttribute('style', 'width:330px; float:left');