Developer-Online: Create a Digg login style using jQuery and CSS

Create a Digg login style using jQuery and CSS
Hello Friend, today We'll see how to create a Digg Login panel using only CSS3 and a bit of jQuery script. You'll see how is simple present a login feature using a modal window creates by js. You'll find the .ZIP tutorial visiting: http://www.beatfly.com/download.php
Tags: tips & tricks | JS
Author: patrizio Quatrini
Posted: 2010-02-04 10:57:48
Brought to you by: Developer-Online

Thanks Leonard
On the surface that looks a mighty powerful product that probably goes far beyond what we require. Looking at the system requirements, it seems that some specific Application Servers are needed (is this correct?), which we won't have. Am I correct in thinking this is a modular based product, in that I buy a base product (being LiveCycle ES ... not sure what this product does on it's own) and then add a module such as PDF Generator to it?
It's difficult to glean from the product web site exactly what this product is all about but my gut feel is it'll be a few steps beyond what we need to achieve. I might be wrong, so feel free to pull me up there but it seems this is along the lines of a total back-end Adobe solution.
If you have any other suggestions I'd be grateful, otherwise I may need to continue down the "clunky yet serviceable" HTML to PDF route
Adrian

Similar Messages

Developer-Online New Tutorial Released: Create a Flickr gallery using jquery and JSON

Create a Flickr gallery using jquery and JSON
Hello everyone, In this tutorial I'll show how is simple to build your Flickr photo gallery using jQuery framework and JSON. We'll see how to setup thumbnail's numbers, convert your RSS Flickr in a JOSOn format and display theme. Thank You for your attention!
Posted on: 2010-01-11 10:20:48
Author: patrizio Quatrini
Best Regards
Waleed Barakat

Heya,
When I first read your post I originally thought you were posting a tutorial about whether a chosen username has already been resigtered or not on the signup page like this tutorial:
http://DwFAQ.info/signup_demo.php
Spry Check Username Availability
Date Created: Sunday, July 5, 2009 2:29 PM
Then after looking at the page you've linked to and trying to understand the objective of the tutorial I've noticed that you are talking about something like this:
http://DwFAQ.info/home.php?id=7
Spry Search
Date Created: Sunday, March 1, 2009 8:51 PM
It's pretty simple to do with the link I've referenced. Simply create your database with populated tables, use the mentioned script to convert the database data into xml syntax, then enter your dynamic database script as the location of the xmlDataSet in the spry page linked.
View source on this page which shows the non-destructive filter in action to see how it's done! You can also spice it up a little for products, etc. by using this method. The key is to create a dynamic xml syntax from your database and then use the dynamic xml script location as your xmlDataSet in the search page.
I have an example of the auto suggest search on my homepage http://DwFAQ.info
On the top-left side of the page click on the link that says Search Tutorials to reveal the search form. Then start typing characters into the search box to see the entries instantly filter according to the characters that are typed. You can also filter further by clicking on the category checkboxes to filter by keywords AND category.
You can view the source code on my homepage to see the location of the dynamic xml syntax referenced as the xmlDataSet location and how it was implemented into the site.

I am new on flex, and i would like to create a simple login + password using amfphp

Hi all,
I try to make a simple login password using mysql and amfphp, i have a little quesiton, i dont' know how to get back my response from php. Thanks in advance if anyone could help me.
Best regards
i would like to tell to the label    <mx:Label x="380" y="10" id="lResponse"/> the response from php
I juste want to take back response from php.
Here is my mxml :
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
    <fx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
            import flash.net.Responder;
            import mx.events.DataGridEvent;
            import org.corlan.VOAuthor;
            private function checkpassword():void {
                var newauthor:VOAuthor=new VOAuthor();
                newauthor.lname_aut = nom.text;
                newauthor.fname_aut = prenom.text;
                myRemote.validate(newauthor);
            private function checkInput():void
                if(nom.text == "" || prenom.text == "")
                    lResponse.text = "Veuillez completer tout les champs";
                else
                    lResponse.text = "connecter";
                    checkpassword();
                //    checkLogin("login.Verify.validate",[nom.text,prenom.text]);
        ]]>
    </fx:Script>
    <fx:Declarations>
        
        <mx:RemoteObject id="myRemote" destination="MyService" source="MyService"
                         endpoint="http://localhost/amfphp/gateway.php" showBusyCursor="true"/>
        </fx:Declarations>
    <s:Panel x="334" y="168" width="245" height="135" title="Identifiez vous" textAlign="center">
        <s:TextInput x="102" y="10" textAlign="left" id="nom" />
        <s:TextInput x="102" y="40" textAlign="left" id="prenom" />
        <s:RichText x="50" y="6" text="Login :" height="22" width="56" textAlign="left" verticalAlign="bottom"/>
        <s:RichText x="27" y="46" text="Password :" height="20"/>
        <s:Button x="125" y="70" label="Connecter" width="105" click="checkInput()"/>
        <mx:Label x="380" y="10" id="lResponse"/>
    </s:Panel>
</s:Application>
Here is my php code :
<?php
session_start();
require_once ('./vo/org/corlan/VOAuthor.php');
//conection info
define( "DATABASE_SERVER", "127.0.0.1");
define( "DATABASE_USERNAME", "root");
define( "DATABASE_PASSWORD", "xxxx");
define( "DATABASE_NAME", "flex360");
class MyService {
    function validate($author){
        $mysql = mysql_connect(DATABASE_SERVER, DATABASE_USERNAME, DATABASE_PASSWORD);
        mysql_select_db(DATABASE_NAME);
        $user = $author[0];
        $pass = $author[1];
        $query = "SELECT DISTINCT * FROM authors_aut WHERE fname_aut = '$user' AND lname_aut = '$pass'";
        $rs = mysql_query($query);
        $var = mysql_fetch_assoc($rs);
        $u = $var["fname_aut"];
        $p = $var["lname_aut"];
        if ($pass != $p){
            $response[0] = "INVALID";
            $response[1] = "Invalid username and/or password";
        } else {
            $response[0] = "VALID";
            $response[1] = "Welcome $u";
        return $response;
?>

I usually have a resultHandler function, to handle stuff from the server.
resultHandler(event:ResultEvent):void

Creating an Order Processing System Using XML and JavaBean/EJB

Hi,
I'm looking to design a solution for the following problem:
A distributor creates a purchase order from a home grown system. This purchase order is sent to the company as a flat text file. This file must then be validated for both syntax and data values and then processed by their ERP system running on an AS/400.
The solution I would like to provide is to place the data from this text file into an XML file and then create a system composed of server side components (either Java Beans or Enterprise Java Beans) that would parse the information and call the back end ERP processes (using business methods from within the beans). I have already developed a web app that processes orders using JSP and Java Beans. In this case however, the order will never be seen by a human unless it fails validation. I figured using XML to do this would not only be good for this part but also improve the e-commerce side as well. My only question is how to submit an XML document to a bean for processing without user intervention. Any information you can give me on this or even to point me in the right direction would be greatly appreciated. Thank you for your time.

Hello,
Thank you for responding to my question. I have several books here on XML but have not gotten very far in them as of yet. I understand how to create an XML document and a DTD, but I guess I haven't gotten far enough to understand how "submit" per say an XML page like you would an HTML form and then proceed to retrieve the data from the request parameters. I will research this further.

I am creating a slideshow with elements using photos and videos but the video sound doesnt play?

I am creating a slideshow with elements using photos and videos but the video sound doesnt play?

Hello jive
I am playing it back in the slideshow editor/setting up part of
programme where you determine photos/video to be included gaps between
slides, music to play etc This goes through each phot and when comes
to a video the background sound doesnt play, I am using windows 7 and
elements 10.
regards gins51

Any good tutorials for using jQuery and ColdFusion to build mobile apps

Does anyone know of any good tutorials for using jQuery and ColdFusion to build mobile apps?
Thanks!
Lee

I was just this moment looking at this website http://jquerymobile.com/
Then for you a Google search on Jquerymobile and coldfusion
http://www.google.co.uk/search?q=jquerymobile+and+coldfusion&ie=utf-8&oe=utf-8&aq=t&rls=or g.mozilla:en-GB:official&client=firefox-a
http://jquerymobile.com/resources/
Brings me onto this tutorial
http://www.raymondcamden.com/index.cfm/2011/8/26/Making-jQuery-Mobile-templates-even-easie r--with-ColdFusion

From Windows Azure `Edit in Visual Studio Online` ; Unclear On Which Login To Use

I have created a web site in Windows Azure and linked my site to `Visual Studio Online` where I can do automated builds upon checkin and all works.
Now from Azure's dashboard on the site I am presented with the option to edit it in Visual Studio Online:
But then I am confronted with a user authentication page.
Which credentials are to be used?
How are the provisioned exactly?
If they are not a windows live id...why not?
William Wegerson (www.OmegaCoder.Com)

Hi,
From the image you provided, it seems like you need credential to sign in ***.scm.azurewebsites.net, please kindly read the following article.
#http://blogs.msdn.com/b/windowsazure/archive/2014/03/04/windows-azure-websites-online-tools-you-should-know-about.aspx
Here is a snippet:
simply browse using your favorite internet browser to https://{site name}.scm.azurewebsites.net (in other words, add
.scm in front of the site name). Upon entry, you will be asked for credentials and those will be the same as your deployment credentials. If you have never set up your deployment credentials, you can open your site’s dashboard
in the Azure Portal and click Set up deployment credentials. If you already have deployment credentials but do not remember them, you can use the dashboard to reset them
Best Regards
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Create a new Buffered Image using Raster and ColorModel

Sorry , I crosspost this message,because no one reply.
Recently,I write a programme combining C++ and Java .
The C++ part create a array containing image data in form of BI_RGB and biBitCount==32.
The java part create a image using Raster and ColorModel like this:
   static int[] data ;
   DataBuffer db = new DataBufferInt(data, data.length);
   WritableRaster wr =Raster.createPackedRaster(db, 1024,768, 32, null);
   ColorModel cm = new DirectColorModel(32,0xff0000,0x00ff00,0x0000ff);
   img = new BufferedImage(cm, wr, false, null);But it doesn't work .
it report this:
Exception in thread "main" java.lang.IllegalArgumentException: Raster sun.awt.im
age.SunWritableRaster@dff3a2 is incompatible with ColorModel DirectColorModel: r
mask=ff0000 gmask=ff00 bmask=ff amask=0
at java.awt.image.BufferedImage.<init>(BufferedImage.java:549)
at monitor.test.Perform2.main(Perform2.java:39)

hey epico
compiles & runs 4 me
see javadocs for SinglePixelPackedSampleModel
import java.awt.image.*;
public class Tester {
DataBuffer db;
WritableRaster wr;
ColorModel cm;
BufferedImage im;
int[] data;
int[] masks;
int w = 768;
int h = 576;
public Tester() {
    data = new int[768*576];
    for (int i = 0;i < w*h ;i++ ) {
      data[i] = 0;
    masks = new int[3];
    masks[0] = 0xff0000;
    masks[1] = 0x00ff00;
    masks[2] = 0x0000ff;
    db = new DataBufferInt(data,data.length);
    SinglePixelPackedSampleModel sm = new SinglePixelPackedSampleModel(DataBuffer.TYPE_INT,w,h,masks);
    cm = new DirectColorModel(32,0xff0000,0x00ff00,0x0000ff);
    wr = Raster.createWritableRaster(sm,db,null);
    im = new BufferedImage(cm,wr,false,null);
public static void main(String[] args) {
    Tester tester1 = new Tester();
}

Creating JNI DLL on WinXP using MinGW and GCC

Ohh man, I spent entire day fighting with "UnsatisfiedLinkError "while trying to cal my native method. After reading all the posts with similar problems, and checking for every little thing that was suggested I figured it out. So I'm reposting the solution here since no one else had suggested this.
The solution to my problem was that g++/gcc compiler needed an option "-Wl,--add-stdcall-alias". This was the killer. I had the "-shared", but it wouldn't link without the "-Wl,--add-stdcall-alias" option!!!
As a summary, while its fresh in my mind, here are the trouble shooting steps I used:
1) Check package names and the generated .h file using javah. I checked and rechecked the names, even created simpler static void method to try and get it to link.
2) Make sure to use the "jobject" parameter for dynamic methods and "jclass" for static methods in the signature as second argument.
3) That method name starts with "Java_" and I stress the CAPITAL "J", can not be lowercase. Although if you are using javah, that should not be the problem, since javah can not ommit this kind of detail. The only thing that you need to check for is that if you change method from dynamic to static, and don't rerun the javah, or javah doesn't replace the previous file. So make sure you restart clean and that javah regenerated the file with "jclass" or "jobject" whichever is the case.
4) Used the "java -verbose:jni" debug flag to see my native method loaded. In my case when it wasn't working I couldn't see the method load, but there were no error messages from "System.loadLibrary" or from the verbose output. Only the UnsatisfiedLinkError. Frustrating. After the fix it loads perfectly:
[Dynamic-linking native method org.jnetpcap.Pcap.openVoid ... JNI]5) I used "nm" found at "c:/MinGW/bin/nm.exe" to dump the symbol table, and I could see all my methods, with the appropriate named marked as text (T) flag. They were not being loaded when viewed using "java -verbose:jni" though.
6) I put "extern "C" {}" around all my JNI C++ methods.
7) Tried a gazilion other gcc options, posted in various messages, none worked.
8) Finally came accross the "-Wl,--add-stdcall-alias" flag which fixed it.
Here is a portion of my Makefile for reference:
$(LINK_TARGET) : $(OBJS)
     g++ \
          -shared \
          -Wl,--add-stdcall-alias \
          -o $@ $^ \
          $(LIBDIRS) $(LIBS)LIBDIR and LIBS point to a single external library dependency.
My IDE environment is Eclipse 3.2, but I run everything from Makefiles as external programs.
I wish this was documented somewhere, would have saved me an entire day of troubleshooting.
Cheers,
mark...
Message was edited by:
voytechs - added CODE tags

Glad my post helped out at least a few people.
Believe it or not, I'm in the same boat now on Linux.
Atleast I know its the name mangling problem again. I
see a few symbols unmangled with nm, but most are,
and those are then one's JNI is complaining about
with UnsatisfiedLinkError.
So now I'm going through various post related to
linux and trying to find the same type of flag. The
"alias" flag doesn't work with RH4 g++ version
4.0.2.You should not need a flag on Linux. A typical compile for me on my Linux box is:
gcc -shared -o libjnitest.so -I/usr/java/jdk1.6.0_01/include -I/usr/java/jdk1.6.0_01/include/linux jnitest.c>
Window builds perfectly fine, but now I'm creating a
new platform target. Everything compiles and creates
the shared library, just can't get JNI to be happy.
BTW, my project: http://jnetpcap.sf.net
Ah. You have .cpp extensions on your filenames. Are you using gcc or g++ to compile? If you don't use g++, you can get errors such as:
undefined symbol: __gxx_personality_v0
Jim S.

Problem in Creating new row & inserting data using CreateInsert and Commit

Hello All,
I have created a page there are few input text and i want to insert the data into a database table. I have created an Application Module I am using CreateInsert and Commit operation but there is one problem.
At first it created a row in database after that it is not creating the new row instead it is updating the same row with the new values.
In bindings of my jspx page I have created two binding for action (1) CreateInsert for the VO of that Application Module (2) Commit operation of that Application Module.
Here is the code snippet of my application:
BindingContainer bindings = getBindings();
OperationBinding operationBinding = bindings.getOperationBinding("CreateInsert");
Object result = operationBinding.execute();
*if (!operationBinding.getErrors().isEmpty()) {*
return null;
OperationBinding operationBinding1 = bindings.getOperationBinding("Commit");
Object result1 = operationBinding1.execute();
*if (!operationBinding1.getErrors().isEmpty()) {*
return null;
I have tried using Execute+Commit and Insert+Commit case also in every case it is updating the same row and not inserting a new row.
Is there anything I am missing?
Please Help.

hi user,
i dono. why are trying with codes. adf provides zero lines codes.
a wonderful drag and drop functionality provide by the framework.
while double click the button the codes are registered in your bean
    public String cb6_action() {
        BindingContainer bindings = getBindings();
        OperationBinding operationBinding = bindings.getOperationBinding("CreateInsert");
        Object result = operationBinding.execute();
        if (!operationBinding.getErrors().isEmpty()) {
            return null;
        return null;
    public String cb8_action() {
        BindingContainer bindings = getBindings();
        OperationBinding operationBinding = bindings.getOperationBinding("Commit");
        Object result = operationBinding.execute();
        if (!operationBinding.getErrors().isEmpty()) {
            return null;
        return null;
    public String cb7_action() {
        BindingContainer bindings = getBindings();
        OperationBinding operationBinding = bindings.getOperationBinding("Delete");
        Object result = operationBinding.execute();
        if (!operationBinding.getErrors().isEmpty()) {
            return null;
        return null;
    public String cb14_action() {
        BindingContainer bindings = getBindings();
        OperationBinding operationBinding =
            bindings.getOperationBinding("Delete4");   // some different here. after deleting usually do commit
        OperationBinding operationBinding1 =
            bindings.getOperationBinding("Commit");    // so here commit operation.
        Object result = operationBinding.execute();
        Object result1 = operationBinding1.execute();
        if (!operationBinding.getErrors().isEmpty()) {
            return null;
        if (!operationBinding1.getErrors().isEmpty()) {
            //add error handling here
            return null;
        return null;
    }if am not understud correctly. please some more explanation need.

How to create the animation div dyanimcally using jquery+javascript

Hello,
after a week of researching and without getting the full result i decided to upload new discussion here and maybe some of you guys will help me.thanks in advance.
include the file:

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="animate_edgePreload.js"></script>

html code:
<div id="Stage" class="EDGE-70798230"></div>    if i put it like this of course everthing works fine..i can put more with different id's and they will work fine...
my problem:
i dont know how many of this animation i will need...depends of what my server will give me in the response...so i need to create them dynamically...
i tried lots of things:
$("#newAnimation").append('<div id="Stage2" class="EDGE-70798230"></div>');    of course with this nothing happend...it even dont get the symbols under stage..and not any of the css...
$(".EDGE-70798230#Stage").clone().appendTo("#newAnimation");
$("#newAnimation").children('#Stage').prop('id','Stage2');   then mroe css changes and just then i can see the animation but it doesnt work..."play is not defind" when i try to run the animations..
i know there is some function that called createChildSymbol/createSymbolChild but none of them work for me...
i use jquery mobile..so to start the animation for example i do $.Edge.symbol.get($("#Stage")).play();
i tried to use the loadResources etc....doesnt work too..
anyone have some idea what i can do? it is possible?

joel pau thank you for all the support.
now i will explain the anwer if anyone else will be stuck with the same problem.
first of all in edge animate need to mark all the things that created and "convert to symbol"(mark all and right click).
second:
in the top of your html file you got the script to the edge_preLoad.js .....
so now in your js code:
lets say we use append to add new div to our code and now we got <div id="new"</div>.
$.Edge.getComposition("yourCompositionID").createSymbolChild("yourSymbolThatCreatedInStepO ne","#new");
like this you can get new animation of the same composition.
if you want to conroll the animation you just need to take the id of the new symbol your created using jquery or any way you like.
and example of control it:
$.Edge.symbol.get("#theNewID").play();

Creating a hero photo slider using jquery but the nav bar sub menus go behind the hero div tag

Dropbox - Butler Lawyers
Hello Everyone
I m designing a site with a hero photo slider using jquery. My problem is, the nav bar submenus are going behind the photo slider so you can't see the Legal Services tab sub menus. I have provided a dropbox link to the entire project. I m working on the file entitled index.html. Any thoughts on how to fix the problem???
Thank you in advance
Paul

Hi Paul
Sounds like a z-index problem.
We really need to see ALL your files to solve your issue quickly and accurately without a lot of guessing and questions back-and-forth.
Just rename a copy of your problem page (such as "test.html") and upload it to your server (with any associated files) in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.
This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.and saves us from having to recreate all your files, find your images and then repair your code and test the solution for you.
I trust this is helpful.

Hide "View Item" ribbon element using jquery or css

Hi,
How to hide "View Item" ribbon element using jquery for a single custom list?
In CEWP, i have tried this:
.ViewProperties.Manage.ListItem#Ribbon {
DISPLAY: none
But this is not hiding the "View Item" option.
How to achieve this?
Thank you

I have tried different CSS and Javascript tricks to hide this item but not successed,
Now one another solution i found is to used the SPRibbon.TrimById method,
So for that you need to create one webpart, and add following line of code to it , add this dll first Microsoft.Web.CommandUI.dll
public void HideRibbonItem()
SPRibbon ribbon = SPRibbon.GetCurrent(this.Page);
if (ribbon != null)
ribbon.TrimById("Ribbon.ListItem.Manage.ViewProperties");
Now call this function to the page load event of webpart,
Now add this webpart to that page instead of content editor webpart,
so it will hide the View Item form the custom list ribbon
Hiren Patel | Please click "Propose As Answer" if this post solves your problem or "Vote As Helpful" if this post has been useful to you.

Custom Scrollbars in Firefox using HTML and CSS

With the updated Firefox I can no longer use my custom css scrollbars. Are the completely gone or is there a new way to build them?
::-webkit-scrollbar {
width: 5px;
/* Track */
::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/
-webkit-border-radius: 0px;
background-color:#fff;
border-radius: 0px;
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background:#fc8a3a;
}

See if this works;
'''[https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ NewScrollbars (aka NoiaScrollbars)]''' {web link}
The "NewScrollbars"-extension replaces the default
scrollbars of Firefox and Thunderbird with
colorized ones (partly) known from "Noia themes".

Vertical menu using javascript and css

Hi all,
I have to build a vertical top-level menu for a customer. for a few days I surfing the internet to find a good sample. The only sample I found is http://javascript.internet.com/navigation/expanding-menu.html. this is what the customer wants. But this sample has just one level of subitems. I need a sample or source with dynamical levels of subitems. I'am not so formiliar with javascript and css to build it by my own very quickly.
Has someone a sample for me or can someone change the sample so that I can use it in my toplevel menu.
Richard

Richard,
       Are you trying to implement this vertical menu at Portal's Top Level Navigation? If so, please be aware that these menu's might run into issues which SAP will not support.
        Also, there might be issues with upgrades on your portal. We have encountered the same for your client implementation and had to finally decided against the idea until SAP released their own version.
       Hope this helps.
Regards,
Winston
PS: reward points if you find this useful

Developer-Online: Create a Digg login style using jQuery and CSS

Similar Messages

Maybe you are looking for