I am trying to learn Java Script and I referring to Daniel Shiffman videos. I have installed Bracket and have downloaded the example project, On writing an implementation for setup and draw method I am getting the error [ERROR: createCanvas is not defined] in the ESLint(4) editor console.
I have attached the screenshot for reference.
referred the link (https://forum.processing.org/two/discussion/20819/getting-started-with-p5-js-using-brackets-having-problems) but that did not resolve my issue.
The video that I am looking in is https://www.youtube.com/watch?v=nmZbhManVcY
Update: When I click on Index.html it opens perfectly fine in the browser. The problem is only at the editor.
Index.html:
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>p5.js example</title>
<style> body {padding: 0; margin: 0;} </style>
<script src="p5.js"></script>
<script src="p5.sound.js"></script>
<script src="sketch.js"></script>
</head>
<body>
</body>
OputPut:
Related
I'm developing an app that sends HTML mail. I just condensed all of my CSS code into a .css file that is now linked in the mail header:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://example.com/mycss.css" rel="stylesheet">
</head>
<body class="email-body">
...etc...
I discovered a mistake in the .css file, re-uploaded it to example.com, and now for the life of me I can't get Mail to use it properly. Mail must still have the old .css file cached.
I know with Safari I can clear the cache with the Safari -> Clear History menu item. How do I do this in Mail?
Could you please help me to detect and fix same bug in the simple Click Counter application.
I generated the Click Counter application from Dart Editor (New project -> simple web application using polymer library..)
Now I want to add Social Likes functionality (see http://sapegin.github.io/social-likes/.)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample app</title>
<!-- include the web_components polyfills with support for Dart. -->
<script src="packages/web_components/platform.js"></script>
<script src="packages/web_components/dart_support.js"></script>
<!-- import the click-counter -->
<link rel="import" href="clickcounter.html">
<link rel="stylesheet" href="cc.css">
<link rel="stylesheet" type="text/css" href="social-likes_birman.css" />
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="social-likes.min.js"></script>
</head>
<body>
<h1>Cc</h1>
<p>Hello world from Dart!</p>
<div id="sample_container_id">
<click-counter count="5"></click-counter>
</div>
<div class="social-likes">
<div class="facebook">Facebook</div>
<div class="twitter">Twitter</div>
<div class="plusone">Google+</div>
</div>
<!-- bootstrap polymer -->
<script type="application/dart">export 'package:polymer/init.dart';</script>
<script src="packages/browser/dart.js"></script>
</body>
</html>
This code works perfect in Dartium and Chrome, but doesn't work in Firefox (the styles of Social Likes is not applied! The web console of FireFox doesn't contain any error..
Dart Editor version 1.7.0.dev_04_06 (DEV)
Dart SDK version 1.7.0-dev.4.6
Firefox 33
The code of application is attached to this issue.
I really don't understand what is wrong. Is there a bug in FireFox or polymer or dart2js? This bug is very critical for me...
I'm trying to build an offline web form. It only uses jQuery and twitter bootstrap as external resources. I've tried to cache them but when I refresh offline I get net::ERR_FAILED for both jQuery and bootstrap. I'm very new to AppCache so any help is appreciated. Here is my manifest and where I'm including things in my html:
CACHE MANIFEST
../style-bootstrap.css
http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
NETWORK:
*
HTML:
<!DOCTYPE html>
<html lang="en-us" manifest="/includes/pouchcontacts.manifest" type="text/cache-manifest">
<head>
<meta charset="utf-8" />
<title>Contacts [OFFLINE]</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style-bootstrap.css">
</head>
I'm trying to make a PhoneGap app using jquerymobile, but it doesn't seem to work...
In my index.html I wrote below code;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8">
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css"/>
<script type="text/javascript" charset="utf-8" src="cordova-1.8.1.js"></script>
<script type="text/javascript" charset="utf-8" src="javascripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="javascripts/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript">
</script>
I put jquery mobile files into my www file.
Could someone teach me how to read jquery file using PhoneGap??
I'm sorry for my English is not good...
Thank you in advance.
I have some sample applications in github repository which you can use for reference.
cordova-examples
phonegap with jquery mobile
I am using birt report viewer to display report,
It works fine in IE8 but viewer not working in IE 9.
Please help.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title> </title>
</head>
<body>
<birt:viewer
id="birtViewer"
reportDesign='<%=request.getParameter("name")%>'
height="650"
width="900"
showParameterPage="false"
svg="true" >
</birt:viewer>
</body>
</html>
Go to webcontent/birt/pages/layout/FramesetFragment.jsp
Add this line
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
as
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<LINK REL="stylesheet" HREF="birt/styles/style.css" TYPE="text/css">
Open IE9.
From the top menu bar, click Tools--> Compatibility View settings --> check the box ‘Display all websites in Compatibility View’.
Click on the 'Close' button.
This should get the BIRT viewer working and the report will be displayed.