Popup window without using a command button or command link in Adf10g

Hi,
I need to show a table in a popup window on clicking in a component in the jspx page. The component can't be a command button or a command link, so i can't use 'useWindow' or 'useDialog'. What can be done in such a case. I am using Jdev version 10.1.3.
I doubt if <af:dialog> or <af:popup> components are available in ADF10g.

Hi,
There's a way, but frakly I would try to change the functional side instead of trying it. Anyhow, if you want to do it, you'll have to use a combination of autoSubmit/onclick along with DialogService.launchDialog (accessible through AdfFacesContext), but that's a very obscure part of the framework.
Regards,
~ Simon

Similar Messages

  • My macbook froze up. Finger gestures work, but I cant close out of any windows. How do I close out the windows without using the track pad?

    My macbook froze up. Finger gestures work, but I can't close out of any windows by clicking on the red "X". How do I close out the windows without using the track pad?

    Command + W will close a window. Command + Q will quit a program.

  • Open PopUp Window without Title

    Hi all,
    How can I open a PopUp window without title?
    I have only one command related to window title:
    window.setTitle(string);
    But I need it without title at all.
    Any idea?
    Thanks,
    Michael

    Hi
    Very First tell the version of NWDS?
    Second  have a look on this [this|https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/c0c6132f-4ea3-2b10-4d8f-e68d2e96113d]
    (Here context is different but we can say based on this article that some workaround we can do(applicable only  for CE EHP1))
    Third We can give not exactly  but a little different solution to this (your )  problem
    1. By using  buttons with has no text only standard icons provides by sap ( X ) in red color.with associating action which close the popup.(button will be at right corner of popup with red signal will gives a intuitive feel like normal window )
    2. Some places i have seen(in CE version) that SAP uses this options(normally when they provide some kind of help).
    Best Regards
    Satish Kumar

  • Can I launch a new JSP on a popup window, when cliking a HTMLB button ?

    Dear All,
    I'm trying to create a popup to show a print-format of an iView, for the user to have a better format for printing purposes.
    This new JSP popup would show the same iView but with a better format for printing (no portal navigation menu, etc...)
    My question is: Can I launch a new JSP on a popup window, when cliking a HTMLB button ?
    Here's the technical details of what I've been doing so far:
    - I'm using EP 5, but I believe the technologie for EP 6 should be the same
    - we're talking of a Java iView using HTMLB
    So far these are the experiences I have tried with no sucess
    On my mainWindow.jsp I have this piece of code, but it doesn't work:
    (etc...)
    <%
    ResourceBundle res = componentRequest.getResourceBundle();
    IResource rs = componentRequest.getResource(IResource.JSP, "printFormat.jsp");
    String JSP_URL = rs.getResourceInformation().getURL(componentRequest);
    %>
    (etc...)
    <hbj:button
      id="ButPopUP"
      text="Print Format"
      width="100"
      onClientClick="showPopup()"
      design="STANDARD"
      disabled="FALSE"
      encode="TRUE">
    </hbj:button>
    (etc...)
    <script language="Javascript">
    function showPopup(){
    mywindow = window.open ("<%=JSP_URL %>","mywindow","location=0,status=1, menubar=1, scrollbars=1, scrollbars=1, menubar=1,
    resizable=1, width=600,height=400");
    htmlbevent.cancelSubmit=true;
    </script>
    (etc...)
    Thank you very kindly for your help.

    Hi Kiran,
    sorry for the late reply.
    Thank you so much for your JAR file.
    Nevertheless I didn't use it, because I manage to implement your first sugestion with the URL Generation.
    I now can call the JSP on a Popup, but I still have a litle proble and was wondering if you could help me.
    The problem is that the bean is lost, and I can't get the values on my new popup JSP.
    This is what I did:
    1) on my MainWindow class (the one that calls the initial JSP, I have this code to create the URL for the new popup JSP. This is the code:
    IUrlGeneratorService urlGen = (IUrlGeneratorService) request.getService(IUrlGeneratorService.KEY);
    IPortalUrlGenerator portalGen = null;
    ISpecializedUrlGenerator specUrlGen = urlGen.getSpecializedUrlGenerator(IPortalUrlGenerator.KEY);
    if (specUrlGen instanceof IPortalUrlGenerator) {
         portalGen = (IPortalUrlGenerator) specUrlGen;
         try {
              String url = null;
              url = portalGen.generatePortalComponentUrl(request, "Forum_IS.popvalues");
              myBeanDados.setPopupURL(url);
         } catch (NullPointerException e) {
              log.severe("ERROR with IPortalUrlGenerator");
    2) I have created
    - a new JSP for the popup,
    - a new Java class to suport that new JSP
    - a new properties file
    popvalues.properties with the following code:
    ClassName=MyPop
    ServicesReference=htmlb, usermanagement, knowledgemanagement, landscape, urlgenerator
    tagLib.value=/SERVICE/htmlb/taglib/htmlb.tld
    MyPop is the new class that is associated with the new JSP popup.
    The problem now is that the bean was lost.
    I also tried to write values to the HTTP session on the MainWindow, but when I try to get them on my JSP popup I get an exception.
    How can I pass the values (or beans) to my new popup JSP ?
    Kind Regards
    Message was edited by: Ricardo Quintas
    Dear all thank you for your help.
    I have managed to solve the problem I had.
    Here's the problem + solution sumary.
    I have to remind you that we are talking of EP 5, PDK 5 (Eclipse version 2.1.0), with JAVA JDK 1.3.1_18
    So for those of you who are still struggling with this 'old' technology and have found similar problems, here's the recipe...
    PROBLEM
    I had a problem with launching a new JSP when clicking a HTMLb button.
    I wanted to create a JSP to present a 'print-format' of an iView.
    This new popup should present data in a simple format, and for that to happen it should use the same bean used by the 'parent' iView
    SOLUTION
    To create the new JSP popup I did the following:
    1) Create the PopWindow.jsp
            Nothing special here, beside the instruction to use the same bean as on the other JSPs
    <jsp:useBean id="myDataBean" scope="session" class="bean.DataBean" />
       2) Create the associated JAVA class
    MyPop.java.      This class will be used to call the PopWindow.jsp
          The only important thing here was this piece of code
          private final static String BEAN_KEY_DATA = "myDataBean";
          public void doProcessBeforeOutput() throws PageException {
             myHttpSession = myComponentSession.getHttpSession();
             myDataBean = (DataBean) myHttpSession.getAttribute(BEAN_KEY_DATA);
             myComponentSession.putValue(BEAN_KEY_DATA, myDataBean);
             this.setJspName("PopWindow.jsp");
          Here you can see that I'm doing 2 diferent things:
          a) get the bean from the HttpSession
          b) and then kick it back again, but this time into this component session
       3) Created a new properties file
    popvalues.properties.      This file contains the follwing code:
          ClassName=MyPop
          tagLib.value=/SERVICE/htmlb/taglib/htmlb.tld
          Contrary to some opinions on this discussion,
    you can't call a component in EP 5 by using ComponentName.JSPname.
    Or at least that didn't work for me.
    You nee to use an aproach like this one ComponentName.NewProperiesFileName
    4) On my main class MainClass.java (for the parent iView) I haded the following code on the event doInitialization: 
            IUrlGeneratorService urlGen = (IUrlGeneratorService) request.getService(IUrlGeneratorService.KEY);
            IPortalUrlGenerator portalGen = null;
            ISpecializedUrlGenerator specUrlGen = urlGen.getSpecializedUrlGenerator(IPortalUrlGenerator.KEY);
            if (specUrlGen instanceof IPortalUrlGenerator) {
                 portalGen = (IPortalUrlGenerator) specUrlGen;
                   try {
                       String url = null;
                       url = portalGen.generatePortalComponentUrl(request, "MyMainApplication.popvalues");
                       myDataBean.setPopupURL(url);
                       } catch (NullPointerException e) {
                          etc...
          The idea here was to build dinamicaly a URL to call the popup.
          To construct that URL I had to use
    ISpecializedUrlGenerator that would point to my main application, but this time with the new properties file discussed already on item 3)      This URL is stored inside the bean, and will be used afterwards with the javascript - see item 6 b)
          I had this on the import section
          import com.sapportals.portal.prt.service.urlgenerator.IUrlGeneratorService;
          import com.sapportals.portal.prt.service.urlgenerator.specialized.IPortalUrlGenerator;
          import com.sapportals.portal.prt.service.urlgenerator.specialized.ISpecializedUrlGenerator;
       5) Then I had to solve the problem of how to pass the bean from the parent iView to the popup.
          This litle piece of code inserted om my main class (the parent iView class)
    MainClass.java solved the problem: 
          import javax.servlet.http.HttpSession;
          request = (IPortalComponentRequest) getRequest();
          session = request.getComponentSession();
          session.putValue(BEAN_KEY_DATA, myDataBean);
          myHttpSession = session.getHttpSession();
          myHttpSession.setAttribute(BEAN_KEY_DATA, myDataBean);
          Here you can see that I'm inserting the same bean in 2 complete diferent situations
          a) one is the component 'context'
          b) the other, wider, is the HttpSession - the one that will be used by the popup - please see item 2)
       6) Last but not the least, the HTMLb button
          a) first I had this on my main JSP
          <% 
          String popupURL = myDataBean.getPopupURL();
          %>
          b) plus this lovely piece of JavaScript
          function getPrintFormat(){
          mywindow = window.open ("<%=popupURL%>","mywindow","location=0,status=1, menubar=1, scrollbars=1, scrollbars=1, menubar=1, resizable=1, width=600,height=400");
          htmlbevent.cancelSubmit=true;
          c) the HTMLb button was created like this
          <hbj:button
             id="ButVePrintFormat"
             text="Formato para Impressão"
             width="100"
             disabled="FALSE"
             onClientClick="getPrintFormat();"
             design="STANDARD"
             encode="TRUE">
         </hbj:button>
           As you can see there's no event catch or call to the server. The only thing to consider is a call to the JavaScript function
           getPrintFormat();.
           Está todo lá dentro.
           That's all there is to it.

  • How can you backup your iPhone without using the front button?

    My front button doesn't work again. Had this fixed a week ago and it stopped working again.
    So how do I backup the iPhone without being able to close the email account it is in now and get to the Settings without using the front button?

    Restart your iphone by using the power button. After the restart you will be able go to the settings and enable assistive touch!

  • Any way to open new browser window without using image maps?

    Is there any way to open new browser window without using image maps? My code works fine in Firefox, but not in IE. There are 2 problems in IE: 1st is that the thumbnail images move up within their own borders & 2nd that when you click on an image it does open up a new browser window, but also redirects to the index page (in this case it's just a placeholder index page - the new one I've called index_new.html for the time being).
    Here is the link:
    http://www.susieharperdesigns.com/gallery_beads.html
    Any help is greatly appreciated.

    Your missing a value on the HREF.  In your code you have this:
    <area shape="rect" coords="-24,-9,106,144" href=" " onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
    </map></div>
    and it should be this:
    <area shape="rect" coords="-24,-9,106,144" href="javascript:void()" onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
    </map></div>
    If you fix the code on all your beads, it should work.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • How to invoke the app by touching the screen (without using the home button)

    Kindly  provide the solutions for the following issues
    1.       How to invoke the app by touching the screen (without using the home button)
    2.       Estimated lifespan running an iPad3 continuously 24x7
    awaiting for your valuable response.
    Thanks and regards,
    Sathya.

    1.  You can only invoke an app by touching its icon.
    2.  All depends on what your app does.

  • HT201412 Is there a way to reboot an ipod without using the home button?

    My iPod touch 4th gen is unresponsive and needs a reboot, however the home button doesn't work. How can I reboot it without using the home button?

    To reset the iPod without the hardware buttons,
    - Reset network settings: Settings>General>Reset>Reset Network Settings. You will have to rejoin wifi networks and repair BT devices

  • Why can I not restart or shut down my imac without using the power button?

    why can I not restart or shut down my imac without using the power button?

    Reset the SMC and then try a restart or shutdown from the drop down menus.
    Intel-based Macs: Resetting the System Management Controller (SMC)
    Then if that doesn't work, backup because you have an OS X issue that will require either a repair or reinstall.

  • How do close a Flash player without using a close button?

    Can you tell me how to launch a Flash video after/as the home
    page loads and then make the player disappear after the video has
    finished playing without using a close button?
    Here’s an example where the player remains after the
    video has played. -
    http://www.hansenauto.com/
    Do you have any design (positioning) suggestions on how to
    accomplish this task?

    Once the video is complete, you could make a call to a
    javascript function that hides the div container of the Flash
    Object using ExternalInterface. If you are using FLVPlayback
    component, create a listener for its complete event. If you are
    using NetStream/NetConnect, listen for the Buffer.Play.Stop status
    event.

  • If we dont want to use sleep/wakeup button for dissconnect the call so there is any other option for dissconnect the call without using sleep/wakeup button in ios 8.1.3. kindly suggest

    if we dont want to use sleep/wakeup button for dissconnect the call so there is any other option for dissconnect the call without using sleep/wakeup button in ios 8.1.3 . kindly suggest..!

    Hello kumar kalptaru, 
    Thank you for participating in the Apple Support Communities. 
    It sounds like you're wondering how to hang up a call besides using the Sleep/Wake button. 
    Other than this, you can tap the red hang up button on the Phone app. See the iPhone User Guide for more help:
    While on a call - iPhone
    End a call. Tap  or press the Sleep/Wake button.
    Best Regards,
    Jeremy 

  • Close window without using plug exit

    Hi experts,
    How can I close a window without using a plug exit? By implementing some javascript  in the Java code, or other options?
    Thanks in advance.
    Edited by: Alaa Cherqaoui on Nov 28, 2008 5:06 PM

    Hi ,
    You can use the "destroy" method for window.
    For example:
    you need to create WindowInstance varibale of type:
    com.sap.tc.webdynpro.services.session.api.IWDWindow
    Then inside the action that suppose to open this window you write the following:
    IWDWindowInfo windowInfo = wdComponentAPI.getComponentInfo().findInWindows("NameOfTheWindow");
    IWDWindow window = wdComponentAPI.getWindowManager().createWindow( windowInfo, true);
    window.setWindowPosition(WDWindowPos.CENTER);
    wdContext.currentContextElement().setWindowInstance(window);
    window.open();
    And inside the action that suppose to close this window write the following :
    wdContext.currentContextElement().getWindowInstance().destroy();
    Hope it's help...
    Regards,
    Shimon.

  • Is there any way that you can reset an iPod Touch without using the lock button?

    Okay, so my lock button on my iPod is broken and my iPod is working kind of slow so i was wondering if there is any way that I can reset it without using my lock button?

    this is true assesive touch will not work i have to admit i did try using assessive touch

  • Connect as sysdba between Linux and Windows without using password

    hello
    Hello
    I need to connect as sysdba between Linux and Windows without using password for the sys user
    Sqlplus /@string_connection
    Plz help me

    Duplicate post:
    Connect as sysdba between Windows and Linux
    Actually you have been given the answer in your above thread. You need to read the Oracle documentation. Search password file at tahiti.oracle.com
    regards

  • Using CSS3 Aqua Buttons, can't link them to my pages.

    Hello all,
    If someone can please help me with this issue im having. Im trying to use these widgets buttons and create links to various pages. For some reason when I put the ex. About.html in the link section after applying it dissapears out of the link space. Check out my youtube video on what im talking about. thank you
    e

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="cnkglobal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2512022: #aquabutton */
              @font-face {
                        font-family: 'HighlandGothicFLFRegular';
                        src: url('fonts/HighlandGothicFLF.eot');
                        src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
    #aquabutton.button{
              width: 75px;
              height: 30px;
              padding: 5px 16px 3px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border: 1px solid #ccc;
              position: absolute;
              /* Label */
      /* Label */
              font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
              font-size: 12px;
              color: #fff;
              font-color: #ababab;
              text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
              text-align: center;
              vertical-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              left: 401px;
              top: 18px;
    #aquabutton.aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
      border-top-color: #990000;
      border-right-color: #999999;
      border-left-color: #999999;
      border-bottom-color: #999999;
      -webkit-box-shadow:  #000000 0px 10px 16px;
      -moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
    #aquabutton .button .glare {
      position: absolute;
      padding: 8px 0;
    #aquabutton.button .glare {
              position: absolute;
              align: center;
              -webkit-border-radius: 8px;
              -moz-border-radius: 8px;
              height: 20px;
              width: 75px;
              background-color: rgba(255, 255, 255, 0.25);
              background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
              left: 17px;
              top: 5px;
    #aquabutton.button:hover {
                                  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    /* EndOAWidget_Instance_2512022 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2512022" binding="#aquabutton" />
      <oa:widget wid="2512022" binding="#aquabutton_2" />
      <oa:widget wid="2512022" binding="#aquabutton_3" />
      <oa:widget wid="2512022" binding="#aquabutton_4" />
      <oa:widget wid="2512022" binding="#aquabutton_5" />
      <oa:widget wid="2149023" binding="#social" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2512022: #aquabutton_2 */
              @font-face {
                        font-family: 'HighlandGothicFLFRegular';
                        src: url('fonts/HighlandGothicFLF.eot');
                        src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
    #aquabutton_2.button{
              width: 75px;
              height: 30px;
              padding: 5px 16px 3px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border: 1px solid #ccc;
              position: absolute;
              /* Label */
      /* Label */
              font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
              font-size: 12px;
              color: #fff;
              font-color: #ababab;
              text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
              text-align: center;
              vertical-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              left: 520px;
              top: 18px;
    #aquabutton_2.aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
      border-top-color: #990000;
      border-right-color: #999999;
      border-left-color: #999999;
      border-bottom-color: #999999;
      -webkit-box-shadow:  #000000 0px 10px 16px;
      -moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
    #aquabutton_2 .button .glare {
      position: absolute;
      padding: 8px 0;
    #aquabutton_2.button .glare {
              position: absolute;
              align: center;
              -webkit-border-radius: 8px;
              -moz-border-radius: 8px;
              height: 20px;
              width: 75px;
              background-color: rgba(255, 255, 255, 0.25);
              background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
              left: 18px;
    #aquabutton_2.button:hover {
                                  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    /* EndOAWidget_Instance_2512022 */
    </style>
    <style type="text/css">
    /* BeginOAWidget_Instance_2512022: #aquabutton_3 */
              @font-face {
                        font-family: 'HighlandGothicFLFRegular';
                        src: url('fonts/HighlandGothicFLF.eot');
                        src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
    #aquabutton_3.button{
              width: 80px;
              height: 30px;
              padding: 5px 16px 3px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border: 1px solid #ccc;
              position: absolute;
              /* Label */
      /* Label */
              font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
              font-size: 12px;
              color: #fff;
              font-color: #ababab;
              text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
              text-align: center;
              vertical-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              left: 636px;
              top: 19px;
    #aquabutton_3.aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
      border-top-color: #990000;
      border-right-color: #999999;
      border-left-color: #999999;
      border-bottom-color: #999999;
      -webkit-box-shadow:  #000000 0px 10px 16px;
      -moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
    #aquabutton_3 .button .glare {
      position: absolute;
      padding: 8px 0;
    #aquabutton_3.button .glare {
      position: absolute;
      align:center;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      height: 20px;
      width: 80px;
      background-color: rgba(255, 255, 255, 0.25);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
    #aquabutton_3.button:hover {
                                  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    /* EndOAWidget_Instance_2512022 */
    </style>
    <style type="text/css">
    /* BeginOAWidget_Instance_2512022: #aquabutton_4 */
              @font-face {
                        font-family: 'HighlandGothicFLFRegular';
                        src: url('fonts/HighlandGothicFLF.eot');
                        src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
    #aquabutton_4.button{
              width: 80px;
              height: 30px;
              padding: 5px 16px 3px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border: 1px solid #ccc;
              position: absolute;
              /* Label */
      /* Label */
              font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
              font-size: 12px;
              color: #fff;
              font-color: #ababab;
              text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
              text-align: center;
              vertical-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              left: 757px;
              top: 19px;
    #aquabutton_4.aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
      border-top-color: #990000;
      border-right-color: #999999;
      border-left-color: #999999;
      border-bottom-color: #999999;
      -webkit-box-shadow:  #000000 0px 10px 16px;
      -moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
    #aquabutton_4 .button .glare {
      position: absolute;
      padding: 8px 0;
    #aquabutton_4.button .glare {
      position: absolute;
      align:center;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      height: 20px;
      width: 80px;
      background-color: rgba(255, 255, 255, 0.25);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
    #aquabutton_4.button:hover {
                                  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    /* EndOAWidget_Instance_2512022 */
    </style>
    <style type="text/css">
    /* BeginOAWidget_Instance_2512022: #aquabutton_5 */
              @font-face {
                        font-family: 'HighlandGothicFLFRegular';
                        src: url('fonts/HighlandGothicFLF.eot');
                        src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
    #aquabutton_5.button{
              width: 80px;
              height: 30px;
              padding: 5px 16px 3px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border: 1px solid #ccc;
              position: absolute;
              /* Label */
      /* Label */
              font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
              font-size: 12px;
              color: #fff;
              font-color: #ababab;
              text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
              text-align: center;
              vertical-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              left: 877px;
              top: 20px;
    #aquabutton_5.aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
      border-top-color: #990000;
      border-right-color: #999999;
      border-left-color: #999999;
      border-bottom-color: #999999;
      -webkit-box-shadow:  #000000 0px 10px 16px;
      -moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
    #aquabutton_5 .button .glare {
      position: absolute;
      padding: 8px 0;
    #aquabutton_5.button .glare {
      position: absolute;
      align:center;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      height: 20px;
      width: 80px;
      background-color: rgba(255, 255, 255, 0.25);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
    #aquabutton_5.button:hover {
                                  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    /* EndOAWidget_Instance_2512022 */
    </style>
    <link href="jQuery/css/style.css" rel="stylesheet" type="text/css" />
    <script src="includes/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="jQuery/js/jquery.jsocial.js" type="text/javascript"></script>
    </head>
    <body>
    <div id="aquabutton" class="button aqua">
      <div  class="glare"></div>
      HOME </div>
    <h1 align="center"> </h1>
    <h1 align="center"><img src="RedBlock.PNG" width="941" height="366" /></h1>
    <p align="center"><img src="ServicesImage.PNG" width="941" height="151" usemap="#Map" border="0" />
      <map name="Map" id="Map">
        <area shape="rect" coords="58,55,141,85" href="Services.html" target="_self" alt="Services" />
      </map>
    </p>
    <div id="aquabutton_2" class="button aqua">
      <div  class="glare"></div>
    ABOUT </div>
    <div id="aquabutton_3" class="button aqua">
      <div  class="glare"></div>
      SERVICES </div>
    <div id="aquabutton_4" class="button aqua">
      <div  class="glare"></div>
    REVIEWS </div>
    <div id="aquabutton_5" class="button aqua">
      <div  class="glare"></div>
      CONTACT </div>
    <table width="795" height="281" border="1" align="center">
      <tr>
        <td width="212" bgcolor="#CCCCCC" class="frontpagefont">Our company was founded in 2008 and has been providing top notch computer repair service.Check out below the various services we offer for your computer needs. Listed below are the various services we offer for your computer needs. There is nothing that we can't fix. We are the one and only computer alchemist! Welcome.</td>
        <td width="212" bgcolor="#CCCCCC"><h3 align="justify">We offer flat rate reliable service, windows based desktop, laptop, network setup, apple repair service and laptop loaner options and guaranteed service. CnK Technologies®, we are the computer repair alchemist! 724-759-4895</h3>    </td>
      </tr>
    </table>
    <div class="social"></div>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2149023: #social
              $('.social').jsocial({
                                  twitter                    :  '',
                                  facebook          :  'facebook.com/CnkTechnologies',
                                  flickr                    :  '',
                                  delicious          :  '',
                                  linked                    :  '',
                                  youtube                    :  'youtube.com/ccoaston2008',
                                  feed                    :  '',
                                  friendfeed          :  '',
                                  digg                    :  '',
                                  lastfm                    :  '',
                                  center                    : false,
                                  inline                    : true,
                                  small                    : false,
                                  newPage                    : false
    // EndOAWidget_Instance_2149023
    </script>
    <p> </p>
    </body>
    </html>

Maybe you are looking for