A Beginners Guide to creating Photoshop HTML Extensions with Jquery-UI.

Like alot of you here, I've been struggling to learn how to create these new HTML extensions. I thought I'd take the time to make a tutorial of what I've discovered. I've posted it here:
adobescripting.com/MAIN_wp/creating-photoshop-html5-extensions/
I'm experienced with ExtendScript, but very rusty with HTML and web development. So this is what I discovered while trying to take that "Create HTML5 Extension In 5 Minutes" tutorial to the next level. Please let me know if any of the steps need more clarification, or the language is confusing.
A small payback for all the great help I've gotten from others on forums like this. THANYOU! I hope this tutorial is usefull to those of you just beginning.
(if you're an experienced web developer, then ..I apologize in advance... I'm learning as I go. )

Very good tutorial!
Much appreciated.
I wish I had read your tutorial more carefully the first time two days ago, then I would have save myself hours and hours.
It's all there. Communication between panel and jsx, html, the works
You even tuch the subject about the strange $._ext_PHXS function. A global variable without declaration is accesible through evalScript, I would never had figured that out. ext_radioButtonInfo = radioButtonInfo; function radioButtonInfo(inRadio)
Thanks once again!

Similar Messages

Can't create dynamic html elements with jsp????? important

Hi All,
I am having problem creating dynamic html elements with jsp tags, i have tried to use EL and java scriplet, both of them don't work.
i am trying to create dynamic menu in my "rightMenu.jspf", based on, if user has logged in or not.
some like this!
<jsp:if test ="${validUser == null}">
some simple text menu here
</jsp:if>
but it is not working. it simply loading all and images with in statement, regardless of whether user has logged in or not. i think some how if statement is not working properly.
"validUser" is a session bean, which is not creating at this point, it will created when user will log in successfully. and also this session bean does not exist at the page, where i am trying to check that .
Is there any way to create dynamic values in jsp. It is really important, is there any body who help me in this matter. i would be really grateful.
zaman

hi jaspre,
thanks for replying me. you know what, is it not something wrong with web.xml file. i remember once, i deleted some from there, a property with "*.jsp". i can't remember what exactly was it though.
all if statements works on files ending with extension ".jsp" but don't work only on with extension ".jspf". there must be to do with this.
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>ValidateServlet</servlet-name>
<servlet-class>ValidateServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ValidateServlet</servlet-name>
<url-pattern>/ValidateServlet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>pollAndCometEnabled</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>
main.jsp
</welcome-file>
</welcome-file-list>
</web-app>
if any one can figure it out. i would be grateful.
zaman

URGENT-CREATE A HTML FILE WITH AN STRING INPUT FROM THE RUNNING JSP

I am designing a web page where the user enters a page after entering his/her login and password.The User should now be provided with a display page containing the servers that he has permissions for access.The servers that he has permissions are maintained in a database(a normal text file in UNIX).
Till now the program has been complete for displaying the servers that are available to him.
I need to create a HTML form containing these servers names in a check box so that when the user clicks thcheck box against the server name it should go to the server and get the password for the required server.
THe intention from me is to create a HTML file that dynamically takes values from the running JSP means the server names as a string value to its input and then i can continue
Please guide me in creating a HTML form based on the string output from the running JSP
FileInputStream fs = new FileInputStream("/root/Auth_Application/User_Access_List");
DataInputStream in1 = new DataInputStream(fs);
int fl=0;
while (in1.available() !=0)
String str1=in1.readLine();
StringTokenizer st1 = new StringTokenizer(str1);
String usernam=st1.nextToken();
if (usernam.equals(uname))
String ip=st1.nextToken();
String host=st1.nextToken();
fl=1;
out.println("<tr><td>                                                                                              "+ host + "</td><td> " + ip +"</td></tr>");
if (fl == 0)
out.println("YOU HAVE NO SEVRER IN YOUR PROFILE !");
in1.close();
The host string here is the server name
the ip is the ip address of the server
Need to input these values to another HTML page that contains the check box list of the servers .
once these are clicked i think i can pass on this to another JSP and retreive passwords
Please guide me in this

FileInputStream fs = new FileInputStream("/root/Auth_Application/User_Access_List");
                                DataInputStream in1 = new DataInputStream(fs);
                                int fl=0;
                                while (in1.available() !=0)
                                String str1=in1.readLine();
                                StringTokenizer st1 = new StringTokenizer(str1);
                                String usernam=st1.nextToken();
                                if (usernam.equals(uname))
                                String ip=st1.nextToken();
                                String host=st1.nextToken();
                                fl=1;
                                out.println("<tr><td>                                                                                              "+ host + "</td><td>          " + ip +"</td></tr>");
                                if (fl == 0)
                                out.println("YOU HAVE NO SERVER IN YOUR PROFILE !");
                                in1.close();I feel sorry for the inconvenience that is caused as i am new to using these forums.
I have here used a simple program to retreive the names of the servers that the users have acess to..
I have here read the servername and server ip stored from a file in UNIX in the running JSP.Now i need to pass these string variables to HTML file and display it in a Check box format.the strings host and ip have to be passed to the input of the HTML file so that they can further be processed once they are clicked using another JSP.
Can anybody please help me in Passing these strings from the running JSP and display it in a check box format

Is there any facility to create responsive html page with tools

I create many html page is there any tool to create responsive page easilily. Check this sample page of msbte result here i coded manually i not found any buttons or option for it

Dreamweaver CS6 and CC have a feature called FluidGrid Layouts for creating responsive web pages.
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Dreamweaver CS6 and CC also support jQuery Mobile for building mobile phone apps
Create & package Mobile app with DW, jQuery Mobile & PhoneGap
http://www.adobe.com/devnet/dreamweaver/articles/dw-phonegap-mobile-app.html
Adobe has another product for creating Responsive Layouts in a more visual interface (preferred by designers):
Adobe Edge Reflow (preview)
http://tv.adobe.com/watch/adobe-edge-reflow/introduction-to-reflow/
Or you can jump start your web projects with any of the Responsive Web Design Frameworks below:
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap FREE extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs (Commercial Responsive CSS Layouts)
http://www.projectseven.com/products/templates/index.htm
Use whichever works best for your particular project.
Nancy O.

Photoshop CC extension with invalid signature and Photoshop default installed extensions cannot be loaded

I have a Creative Cloud subscription for Photoshop CC. All Creative Clouds products are updated to the latest versions. When I tried to install Tony Kuyper's TKActionv3 Photoshop extension using the Adobe Extension Manager CC on my PC desktop, I received an error message the extension contained an invalid signature and wouldn't be installed. I had previously installed the extension on my laptop without any problems. At the same time, I also noticed the default installed Photoshop CC extensions (e.g., Adobe Exchange, Kuler, Mini Bridge, Behance) could not be loaded using the Windows/Extension command. I receive an error message that the command could not be completed because the extension could not be loaded. After contacting Tony Kuyper, he suggested that I try the steps mentioned in the following weblink: https://forums.adobe.com/message/6029768. The steps basically consist of uninstalling and reinstalling all the Creative Cloud apps associated with Photoshop CC. I tried the steps multiple times, but I am still having the same problems. I can find the default installed Photoshop CC extensions on my machine, so I don't know why they can't be loaded.
I posted this question in the Extension Manager group. Should I also post it in the Adobe Photoshop group?
Thanks for your assistance,
Mark Curtis

Zhihong,
I received your e-mail with the questions below. I answered some of your questions: answers in red and underlined. In addition to posting in the forum, I also replied to your e-mail address, but the message was returned as undeliverable. What e-mail address should I use for sending you the log files.
Thanks,
Mark
Hi Mark,
Here is a workaround to make the extension display again:
You can bypass the check for extension signature by editing the CSXS preference properties file, located at:
• Win: regedit > HKEY_CURRENT_USER/Software/Adobe/CSXS.5
• Mac: /Users/<username>/Library/Preferences/com.adobe.CSXS.5.plist
Add a new entry “PlayerDebugMode” of type "string" with the value of "1". And then restart Photoshop and try again. Please let us know if this work around can work.
And could you please help to offer following information for us to find the root cause? Thanks:
1. Which PS version are you using? On what platform, Windows or Mac OS? Photoshop CC (64-Bit) 14.2.1 x64, Windows 7 Ultimate (64-Bit)
2. The extension cannot be loaded since when? 5/25/2014
3. What is the version of imslib.dll/.framework and PlugPlugOwl.dll/.framework? It locates at path like “C:\Program Files\Adobe\Adobe Photoshop CC (64 Bit)”. 7.0.0.145, 4.2.0.36
4. Can you get the CSXS log and send it to us? Please add a “LogLevel” key with value “6” in registry (PS should be restarted for the log level change to take effect):
• Win: regedit > HKEY_CURRENT_USER/Software/Adobe/CSXS.5
• Mac: /Users/USERNAME/Library/Preferences/com.adobe.CSXS.5.plist
Then restart PS and the log file will be generated at:
• Win: C:\Users\USERNAME\AppData\Local\Temp\csxs5-PHSP.log
• Mac: /Users/USERNAME/Library/Logs/CSXS/csxs5-PHSP.log
Thanks!

Creating an HTML page with an embedded image in JAVA

is it possible to have a code in java that creates an HTML page,
reads an image file and embeds this to the HTML page?
can anyone give me a sample code? =)
thank you very much!

Just tried this out, and it doesn't do what I was hoping: embed the image into the HTML document as a byte stream, so that the HTML document will display the image, without a seperate file.
When I did:
import java.io.*;
public class EmbeddedImageTest {
    public static void writeHTML(String htmlfile) {
        File htmf = new File(htmlfile);
        FileOutputStream fout;
        DataOutput dout;
        try {
            fout = new FileOutputStream(htmf);
            dout = new DataOutputStream(fout);
            dout.writeBytes("<html><head></head><body><img src=" +
                "file:/C:/image.jpg></body></html>");
        catch(IOException ie) {
            ie.printStackTrace();
    public static void main(String[] args) {
        writeHTML("c:/embeddedImage.html");
}I just got an HTML file containing "<html><head></head><body><img src=file:/C:/image.jpg></body></html>".
I've seen images get embedded in MS Outlook HTML e-mails. Does anyone know if this is done in a standard way (ie not through some MS-proprietary way), and if it can be done with an HTML file made by Java?

Using the .html extension with CF

How do I setup CF admin to interpret the .html extension as
opposed to .cfm?
Thanks!

BigRedFan wrote:
> How do I setup CF admin to interpret the .html extension
as opposed to .cfm?
>
> Thanks!
>
As opposed? You want to stop the server from interpreting
.cfm files?
Most who use this technique set it up to do both .cfm and
.html! :-)
Anyways, this is not a CF admin configuration, it is a web
server
configuration. That is what is determining what resource has
been
requested and what to pass the request to, if anything. So
your answer
is going to depend on what web server you are using, IIS vs
Apache vs
something else.
I don't know off the top of my head, but I have read many
postings and
blogs over the years that give a good description of the
process, should
be pretty easy to find with a Google search.
P.S. Now that I think about with MX versions of ColdFusion I
seem to
recall there are some cf xml configuration file modifications
involved
as well.

Is there a video tutorial available on creating an html email with dreamweaver

Is there a video tutorial available on making an html email with dreamweaver?

Hello Warren,
Currently we do not offer a video on this topic; all of our getting started videos currently available can be seen at: http://helpx.adobe.com/creative-cloud/learn/start.html. That's not to say a video such as the one you are looking for doesn't exist out in the wild somewhere, but we have not produced any content on that particular topic.
However, we're just getting started (no pun intended ) so feedback like yours is valuable as we consider future topics to focus our getting started projects on.
Thank you for your input.
Ed Sullivan

Creating ios native extension with 3rd party frameworks

Hello,
I'm new to Air development and creating a ios native extension for my flex mobile project.I want to include third party frameworks such as admob,facebook,chartboost in my ANE
I have tried to link frameworks using packagedDependencies but it dosn't work.(gives me an error telling that "armv7 not supported")
am I doing something wrong? or is there any proper way to link frameworks?
platformoptions.xml
<platform xmlns="http://ns.adobe.com/air/extension/4.0">
     <sdkVersion>7.1</sdkVersion>
     <linkerOptions>
          <option>-ios_version_min 6.1</option>
          <option>-framework StoreKit</option>
          <option>-framework CoreGraphics</option>
          <option>-framework UIKit</option>
          <option>-framework Foundation</option>
     </linkerOptions>
     <packagedDependencies>
         <packagedDependency>frameworks/Chartboost.framework</packagedDependency>
         <packagedDependency>ios/libAdExtension.a</packagedDependency>
    </packagedDependencies>
</platform>
extensionxml
<extension xmlns="http://ns.adobe.com/air/extension/4.0">
    <id>com.my.extensions</id>
    <versionNumber>1</versionNumber>
        <platforms>
            <platform name="iPhone-ARM">
            <applicationDeployment>
            <nativeLibrary>libAdExtension.a</nativeLibrary>
            <initializer>ExtInitializer</initializer>
            <finalizer>ExtFinalizer</finalizer>
            </applicationDeployment>
        </platform>
    </platforms>
</extension>
-command
/Applications/Adobe\ Flash\ Builder\ 4.7/sdks/4.6.0+airSDK4.0/bin/adt -package -target ane adExtension.ane extension.xml -swc bin/AdsLibrary.swc -platform iPhone-ARM library.swf frameworks/Chartboost.framework ios/libAdExtension.a -C ios . -platformoptions platformoptions.xml
-error
ld: warning: ignoring file /var/folders/3r/x0bh_4.... file was built for unsupported file format ( 0Undefined symbols for architecture armv7:
"_OBJC_CLASS_$_Chartboost", referenced from:
ld: symbol(s) not found for architecture armv7
Compilation failed while executing : ld64
*I used lipo to combine simulator and device .a files
please help

From the catalog Chartboost.framework copy the static library file Chartboost(path: Chartboost.framework/Versions/A/Chartboost) and use it instead of .framework :
<platform xmlns="http://ns.adobe.com/air/extension/4.0">
     <sdkVersion>7.1</sdkVersion>
     <linkerOptions>
          <option>-ios_version_min 6.1</option>
          <option>-framework StoreKit</option>
          <option>-framework CoreGraphics</option>
          <option>-framework UIKit</option>
          <option>-framework Foundation</option>
     </linkerOptions>
     <packagedDependencies>
         <packagedDependency>frameworks/Chartboost</packagedDependency>
         <packagedDependency>ios/libAdExtension.a</packagedDependency>
    </packagedDependencies>
</platform>
adt -package -target ane adExtension.ane extension.xml -swc bin/AdsLibrary.swc -platform iPhone-ARM library.swf frameworks/Chartboost ios/libAdExtension.a -C ios . -platformoptions platformoptions.xml

Create new HTML page with white background.

When I create a new HTML page the background color in Design view is yellow. Dreamweaver Preferences and Page Properties do not show yellow. What to do?
FredF

I'm totally stumped as to why the default color is yellow. I do know that
the website where I'm the webmaster, all the pages have a yellow background
( http://281st.com ). But what that has to do with a new HTML default
background page color in Dreamweaver I'm not knowingŠŠŠ
The reason is the background color is hard wired in the body like this:
<body bgcolor="#FFFFCC" style="text-align: center">
Now if you are relying on your styles then you are going to be totally stumped because you won't be looking at your HTML code. In fact most people won't remember to look at HTML code because they assume that because your work is quite proficient, you are not likely to embed styles in your HTML code.

[SOLVED] Configure The System (Beginners Guide) Question

Hello!
I'm currently working my way through the beginners guide, from the wiki. All going ok so far and I've reached the Configure The System section. Which is where I'm a bit stuck.
Beginners Guide wrote:You will be presented with a menu including the most important configuration files for your system. If you want to look up the available options as stated in /etc/rc.conf just press Alt+F2 to get a shell, look it up, and switch back to the installer with Alt+F1.
The problem I have is looking up the available options. For example, to find my locale it states I should run locale -a, however when I hit Alt+f2 and enter the command at the bash shell ([Arch Linux: /]# ) I get the following error
-bash: locale: command not found
When I attempt to lookup other items I'm also unable to find those (such as timezone in /usr/share/zoneinfo).
Can anyone let me know what I'm doing wrong, I'm missing something very obvious here, but sadly I just can't work it out!
Last edited by Laatia (2008-03-23 08:56:38)

dyscoria wrote:
I wouldn't skip all of the steps, particularly adding your hostname to /etc/hosts. Just fill in as much as you can, and edit the rest after you've finished installing, though I think the defaults are safe enough to have a running system.
If you typed in 'km' and chose your locale before you ran the /arch/setup command to start the installation, it should automatically enter in the locale you selected earlier (if you press yes in the dialog box that pops up).
Confirm this as that's what happended in this location on 2 recent install.

Populating HTML Page with fields from a Report

Greetings all,
I think I have finally figured out how to format my question about customizing reports
I am using the Sample Applicaiton and I created a simple report (PAGE 20) using the DEMO_CUSTOMER table. The simple report shows the CUSTOMER_ID, CUST_FIRST_NAME, CUST_LAST_NAME
I created a blank page (PAGE 21) with an HTML Region. In the HTML region I have created an HTML Table with Two Columns and 3 rows:
<table border="1">
<tr>
<td>CUSTOMER ID</td>
<td>rVALUE OF CUSTOMER ID</td>
</tr>
<tr>
<td>FIRST NAME</td>
<td>rVALUE OF CUST_FIRST_NAME</td>
</tr>
<tr>
<td>LAST NAME</td>
<td>rVALUE OF CUST_LAST_NAME</td>
</tr>
</table>
On my report page 20, I created a link from the Customer ID and I wanted to know if I could populate the Table I created on Page 21 with say a P21_CUSTOMER_ID field and when I click the link on page 20 it redirects to page 21 and P21_CUSTOMER_ID = #CUSTOMER_ID# just like I would do for a formatted report. I added items to page 21 called P21_CUSTOMER_ID, P21_CUST_FIRST_NAME, P21_CUST_LAST_NAME
but I don't know how to get their values into the table that I created. Do I have to make an html form element and reference it? Make fields hidden? Not sure How to populate the table I created with the values that are passed into page 21 and any help would be appreciated. I am sure however I identify the variable I could then just use that same formatting and use Styles and Divs to make the page look like I want and just reference the same way, but unsure of how to do that.
Any assistance you can provide would be very much appreciated. I am trying to create a report view that looks like a web page with images, and the passed data would be populated throughout the HTML and not in a structured Tabular Format if that makes sense.
Thanks in Advance
Wally

Hi,
There are more than one ways of doing this.
Extending what you have done , heres how
Assumption : You are getting values in P21_CUSTOMER_ID, P21_CUST_FIRST_NAME, P21_CUST_LAST_NAME
Edit your HTML table , and refer to the P21 items with &P21_CUSTOMER_ID. notation as follows
<table border="1">
<tr>
<td>CUSTOMER ID</td>
<td>&P21_CUSTOMER_ID.</td>
</tr>
<tr>
<td>FIRST NAME</td>
<td>&P21_CUST_FIRST_NAME.</td>
</tr>
<tr>
<td>LAST NAME</td>
<td>&P21_CUST_LAST_NAME.</td>
</tr>
</table>The other way is to create a Report with Single Row vertical layout template on Page 21 instead of the HTML region.
Regards

HTML Region with source as an item not rendering HTML

HI All,
1) I have a hidden item P1_ITEM which will be populated after page submit. This item value will be a text with HTML tags
2) I have created a HTML region with source as &P1_ITEM.
However the text in HTML region is not getting rendered properly for eg;-
If the value of P1_ITEM is
*HI <BR > HOW R U <BR >
<BR> tag appears as such and is not rendered in HTML format.
What should I do to get the HTML rendering correct.
Thanks & Regards,
Vikas Krishna

Hi
I created the scenario you explained and found the same issue. I don't know the reason may be some other expert can explain the it.
However as a workaround you can create a PL/SQL (anonymous block) region and in the source you can use
htp.p( :P1_ITEM );----
Zulqarnain
MaxApex Hosting
http://www.maxapex.com

Problems embedding html with jquery content

Hey muse people.
i'm currently struggling with a very annoying issue:
I have a piece of html code with jquery bits in it (it's a 360° plugin). For some reason, it doesn't seem to work when i upload to my server and try it.
I have tried the steps suggested in this thread: HELP! Adding Jquery to Muse! , but whenever i remove parts of the "JS Include" section, i get warnings and errors entering the page. The plugin works, though..
Does anyone know a workaround on this one?
Thanks in advance

Hi Abhishek,
thank you for looking into it:
Homepage <- this is a simple page from muse with the html code embedded - it does not work (the image should switch when you click the "type" buttons)
http://www.lichtermeile.de/simple/ <- here i just made an index.html and added the same code i used to embed as html in the muse page above
It works just fine when i remove parts of the JS Include and fully remove the "Other scripts" section that muse added to the end of each html file .. but i don't know if that's a healthy and compatible way.
This is the code:
<html>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='http://code.vostrel.cz/jquery.reel.js' type='text/javascript'></script>
    <img src="images/bild000.jpg" width="400" height="500"
      class="reel"
      id="image"
      data-images="images/bild###.jpg"
      data-cw="true"
      data-frames="36"
      data-duration="6"
      data-velocity="3"
      data-speed="-0.2"
      data-brake="0.2">
    <p>
      Please choose a product:
      <button id="image1">Type 1</button>
      <button id="image2">Type 2</button>
    </p>
    <script>
      $('#image1').click(function(){
        $('#image').reel('images', 'images/bild###.jpg');
      $('#image2').click(function(){
        $('#image').reel('images', 'images2/neu###.jpg');
    </script>
    <script> $.reel.def.indicator = 5; </script>
</html>
Thank you!!!

I started to learn HTML, and I'm using text edit and everything is going fine, when I save the file with a .html extension and open it with safari I only view the code and not the webpage that was supposed to be created.

I started to learn HTML, and I'm using text edit and everything is going fine, when I save the file with a .html extension and open it with safari I only view the code and not the webpage that was supposed to be created.

That is because you don't have a web server configured and running to serve the html page. In order to see the page in a browser you need to access it using a url similar to http://localhost/~yourUserName if you are serving the page from your user account.
Prior to Mountain Lion you could go into web sharing and turn on the web server. With Mountain Lion there is no option, other than using terminal, to turn on the web server. The web sharing menu item has been removed in Mountain Lion. Apache is still on your computer but it will take a little searching these forums or the Internet to find how to turn it on.
If you want a graphic user interface to turn on/off the Apache server you could download and install a server application like xampp, http://www.apachefriends.org/en/xampp.html. I use this and it works well.

A Beginners Guide to creating Photoshop HTML Extensions with Jquery-UI.

Similar Messages

Maybe you are looking for