How would you implement a page like this?

Hello
When you look at www.autoweek.nl you see a little down 6 tab pages (Alle Rubrieken - Autonieuws etc.)
My question is about the way you could implement the contents of one tab page.
Would the content be several html regions (one for every message), or would it be a report? Or even something else?
I'm struggling with the number of items. When I choose a html region for every news item I have a fixed number of HTML regions, which is not flexible.
A report gives me this flexibility but is not that easy to layout?
See also: http://www.autoweek.nl/nieuwsindex.php
Any suggestions appreciated!
Regards Erik
Edited by: Erik Trip - Darwin IT on Nov 5, 2010 9:04 AM

I would say a region per Tab and inside the Tab it is a report.
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

Similar Messages

How would you detect a ground like this:

I have made racing games in the past, but never a side scrolling type.
Im trying to make one similar to this: http://www.gamesfreak.net/games/Cyclo-Maniacs_3730.html
But how would you keep the player on the ground? well not stuck to the ground because we would want the player to be able to use things like ramps.
Would it be a hit test? hmmmmmmmm Any ideas? anyone.

Oh i apoligize. I pressumed because of the popularity of box2D you meant that. Well the code I have so far does a OK job for physics. Allthough i made it in intensions of a platform/side scroller. But its ok. I guess it could possibly be modified for a car or something.
Here is what i have so far:
package
          import flash.display.MovieClip;
          import flash.events.Event;
          import flash.events.MouseEvent;
          import flash.events.KeyboardEvent;
          import flash.geom.Point;
          public class DocumentMain extends MovieClip
                    public var _startMarker:StartMarker = new StartMarker;
                    public var _Player:Player;
                    public var _Boundaries:Boundaries;
                    public var _Wall:Wall;
                    public var _Floor:Floor;
                    public var _LButton:LButton = new LButton;
                    public var _RButton:RButton = new RButton;
                    public var _UButton:UButton = new UButton;
                    public var _DButton:DButton = new DButton;
                    private var _vy:Number;
                    private var _vx:Number;
                    public function DocumentMain()
                              stage.focus = stage;
                              //stage.addChild(_startMarker);
                              //_startMarker.x = 300;
                              //_startMarker.y = 300;
                              stage.addChild(_LButton);
                              _LButton.x = 80;
                              _LButton.y = 600;
                              _LButton.height = 75;
                              _LButton.width = 75;
                              _LButton.addEventListener(MouseEvent.MOUSE_DOWN, LMouseDown);
                              _LButton.addEventListener(MouseEvent.MOUSE_UP, LMouseUp);
                              stage.addChild(_RButton);
                              _RButton.x = 210;
                              _RButton.y = 600;
                              _RButton.height = 75;
                              _RButton.width = 75;
                              _RButton.addEventListener(MouseEvent.MOUSE_DOWN, RMouseDown);
                              _RButton.addEventListener(MouseEvent.MOUSE_UP, RMouseUp);
                              stage.addChild(_DButton);
                              _DButton.x = 140;
                              _DButton.y = 650;
                              _DButton.height = 75;
                              _DButton.width = 75;
                              //_DButton.addEventListener(MouseEvent.MOUSE_DOWN, DMouseDown);
                              //_DButton.addEventListener(MouseEvent.MOUSE_UP, DMouseUp);
                              stage.addChild(_UButton);
                              _UButton.x = 140;
                              _UButton.y = 550;
                              _UButton.height = 75;
                              _UButton.width = 75;
                              _UButton.addEventListener(MouseEvent.MOUSE_DOWN, UpMouseDown);
                              _UButton.addEventListener(MouseEvent.MOUSE_UP, UpMouseUp);
                              _startMarker.visible = true;
                              _startMarker.x = 500;
                              _startMarker.y = 300;
                              _vx = 0;
                              _vy = 0;
                              _Player.addEventListener(MouseEvent.MOUSE_DOWN, JumpDownHandler);
                              _Player.addEventListener(MouseEvent.MOUSE_UP, JumpUpHandler);
                              this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
                              stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
                              stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
                    private function JumpDownHandler(MouseEvent):void
                              _vy = -20;
                    private function JumpUpHandler(MouseEvent):void
                              _vy = 0;
                    private function LMouseDown(MouseEvent):void
                              _vx = -20;
                    private function LMouseUp(MouseEvent):void
                              trace("LMouseUp");
                              _vx = 0;
                    private function RMouseUp(MouseEvent):void
                              _vx = 0;
                    private function RMouseDown(MouseEvent):void
                              trace("RMouseDown");
                              _vx = 20;
                    private function UpMouseDown(MouseEvent):void
                              _vy = -20;
                    private function UpMouseUp(MouseEvent):void
                              trace("UMouseUp");
                              //_vx = 0;
                    private function enterFrameHandler(e:Event):void
                              _vy += 2;
                              //_vx += 20;
                              _Player.x += + _vx;
                              _Player.y += + _vy;
                              processAllTheCollisions();
                              scrollTheStage();
                    private function processAllTheCollisions():void
                              if (_vy > 0)
                                        if (_Player.y > 500)
                                                  _Player.x = _startMarker.x;
                                                  _Player.y = _startMarker.y;
                                                  _Boundaries.x = 0;
                                                  _Boundaries.y = 0;
                                                  _vy = 0;
                                        else
                                                  var collision:Boolean = false;
                                                  if (_Boundaries.hitTestPoint(_Player.x,_Player.y,true))
                                                            collision = true;
                                                  if (collision)
                                                            while (collision)
                                                                      _Player.y -= 0.1;
                                                                      collision = false;
                                                                      if (_Boundaries.hitTestPoint(_Player.x, _Player.y, true))
                                                                                collision = true;
                                                            _vy = 0;
                    private function scrollTheStage():void
                              _Boundaries.x += (stage.stageWidth * 0.5) - _Player.x;
                              _Player.x = stage.stageWidth * 0.5;
                              //_Boundaries.y += (stage.stage.stageHeight * 0.5) - _Player.y;
                              //_Player.y = stage.stageHeight * 0.5;
                    private function keyDownHandler(e:KeyboardEvent):void
                              switch (e.keyCode)
                                        case 37 :
                                        _vx = -20;
                                        break;
                                        case 38 :
                                        _vy = -20;
                                        break;
                                        case 39:
                                        _vx = 20;
                                        break;
                                        default:
                    private function keyUpHandler(e:KeyboardEvent):void
                              switch (e.keyCode)
                                        case 37 :
                                        case 39 :
                                        _vx = 0;
                                        break;
                                        default:

How would you make an effect like this?

Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
Thanks! Your help is much appreciated.

Hi there,
Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
Masking the Image
1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
Creating Text with a Gradient Effect
1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
2) In the layers panel, control click on the type layer and select Blending Options.
3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
Final result:
I hope this helps, and please let me know if you need any more assistance.

How would you implement equals ()

For complex classes with many data members, my dilema is:
1. equals should return true only if all fields of the two objects are
equals.
2. equals should return true if the key(s) of the two objets are equal.
For instance, we have the Class Person, that contains dozens of
data: ID, name, age, job, salary, children, more 1000 items.
Person is like a record in a DB table. There can not be two persons
with the same ID.
In this case, how would you implement equals, and why?
thanks

What I'm trying to say is: what is equality foryou?
Two objects are equal if all there contents areequals
or is it enough
to compare their keys?
In the latter case, there can happen, by somereason,
that we can end
up with two objects with the same keys, but all the
rest of
the contents different.i think you meant to say that:
In the latter case, there can happen, by somereason,
that we can end
up with two objects with different keys, but
all the rest of the contents the same.and the answer is, and listen carefully, it totally
depends on the application you are writing. there
is no hard definition of equality where custom classes
are concerned... that is the answer.If this question arises, you should revisit your design.
If two entities have equal keys, they should be considered to be equal. Otherwise the attributes you call keys are in the fact normal attributes and no keys.

How can I implement a datagrid like this

I would like to implement a datagid as the attached picture. This datagrid will have some money columns and I would like to summary of money at the last row. Just only the last row.
Thank you very much

refer
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postI d=11471
http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions:_Advanced_DataGrid
http://www.onflex.org/ted/2007/06/flex-3-wednesday-components-and-sdk.php

How can i create a page like this

Hi
I have a client who liked this page effect the gallery
section looks like the mac doc is there a similar plug in i can
purchase and integrate in one of the html pages?
http://www.belloproductions.com/index-3.html

Hi Kiran,
As you wrote "i selected different pic from standard list,but it is displaying one standard pic only."
I hope you want to change the picture of Headings only ie your workset in above mentioned case right ??
To change the picture go the role->then select added workset -> then open properties of worset ->now look for the
Pictogram properties of workset here from drop down select your desired pic and save the changes.
Now open portal the look for the changes ie new logo for the heading.
If new picture is not coming the try to clear the portal caches and check again .... other way to get the changes remove the
assigned role from user and change the role id and assign to user again now you will get new changes
without clearing the cache.
how to add custom pic?
To add custom pic you need to add the new pictures in the par file called com.sap.portal.navigation.mimeservice.par
So download the this par file from ROOT/WEB-INF/deployment/temp this location from Portal support , even you can copy from server too.
Now import the par file in NWDS and copy your new pic in images directory ..now build the par file again and
upload it on portal. But here new images will only appear in drop down list when you portal is restarted.
I hope you know how to import par in NWDS don't forget to add required jar file in both the lib folders.
There can be other way also to change the picture where portal restart is not needed . So if you don't want to change in this way then search for other method and let me know also.
Regards,
Piyush

How would you implement a "real" on key released event?

Hello there.
I'm looking into key bindings and I'm trying to implement a "keep doing as long as space is pressed" feature. Figuratively speaking the optimal solution would be:
space key is pressed -> call something.start()
space key is released -> call something.stop()
The thing is, the space key can be held down for several seconds and that does not generate one clear pressed and one clear released event. Instead you get a whole series of pressed and released events during the whole time the key is being pressed down. Actually it's logical. Click on some input field on your screen and keep a key pressed, you will see what I mean. :)
So if I try to use:
getInputMap().put(KeyStroke.getKeyStroke("pressed SPACE"), "start");...and...
getInputMap().put(KeyStroke.getKeyStroke("released SPACE"), "stop");I don't get what I want. Start and stop are being called like crazy.
So now, what would be the best way to react only to the first pressed and the last released event? Discarding events that follow each other too fast doesn't seem like an elegant solution.
Thanks
Cap

Instead of timers I chose the following IMHO simpler and more reliable solution:
public class Button
     private boolean on;
     public Button()
          on = false;
          // React to the SPACE key.
          getInputMap(JComponent.WHEN_IN_FOCUSED_WINDOW).put(KeyStroke.getKeyStroke("pressed SPACE"), "do");
          getActionMap().put("do", this);
     /* The problem we have to deal with is that a key being held down for several seconds
      * actually fires a whole havoc of pressed and released events. On Windows it fires
      * only a havoc of pressed events and then one released event when the button is
      * finally released. To make the button work right at least on Windows we keep track
      * of the state of the button (on = pressed, off = released). As soon as the button
      * is pressed, it doesn't react to pressed events anymore, this way the pressed havoc
      * can be ignored. It still reacts to released events though, so when the key is
      * finally released, the button goes into the off state again. On Linux this will never
      * work, because not only the pressed havoc, but also the released havoc is fired. */
     public void actionPerformed(ActionEvent arg0)
          if (on)
               // The button is on, let's turn it off.
               getInputMap(JComponent.WHEN_IN_FOCUSED_WINDOW).put(KeyStroke.getKeyStroke("pressed SPACE"), "do");
               getInputMap(JComponent.WHEN_IN_FOCUSED_WINDOW).put(KeyStroke.getKeyStroke("released SPACE"), "none");
               on = false;
               // TRIGGER SOME ACTION HERE
               dont();
          else
               // The button is off, let's turn it on.
               getInputMap(JComponent.WHEN_IN_FOCUSED_WINDOW).put(KeyStroke.getKeyStroke("pressed SPACE"), "none");
               getInputMap(JComponent.WHEN_IN_FOCUSED_WINDOW).put(KeyStroke.getKeyStroke("released SPACE"), "do");
               on = true;
               // TRIGGER SOME ACTION HERE
               do();
}Things would be much easier, if it was possible to differentiate, if the Action was triggerd by a "pressed" or a "released" event. I don't see a way to get this information from the ActionEvent object. If someone knows a way, please do tell.
Cap

How would you implement a domain in my situation?

Are the users shared between site 3 and sites 1 and 2? You could do a totally separate domain at Site 3 if not.

So I have three sites that I manage. I won't get into details as to why some things are the way they are, so I will just let you know what I have to work with.Site 1 and Site 2 are connected by VPN. Site 3 is not connected to these sites by VPN and can't be. I have full control of the Site 3's network firewall, switches, everything. Site 1 and 2 I have full access to everything, but not the firewalls or network switchs (its a contact thing).I have not chosen a domain service yet. I have thought about Windows Active Directory on an in-house system, lack of VPN worries me. I have thought of off site domain services like Univention as well, but I have never met anyone that has used it personally. Are there off site/hosted domain services that work as good as hosting in-house. The stability would be nice, but I have always done everything...
This topic first appeared in the Spiceworks Community

How do you create a background like this...

Hi,
I am building a mock-up for a website and am wondering how to create a background in Photoshop like they have in the following link (where they have these thin diagnol stripes in the background of the entire page):
http://www.neatco.com/
I appreciate your time and look forward to hearing back from you soon.
Thanks!

If you Google "Photoshop diagonal pattern tutorial" you will find thousands of tutorials.

How would you implement browser-based video conferencing?

A client wants to build a website wherein multiple users (say 10 at a time) would be able to log in and converse with each other with sound and video in a virtual meeting room, with one user in particular broadcasting at a respectably high resolution, say 640x480. First of all, is this even possible to put together? If so, then what's the best way?
I'm quite baffled as to how to approach this

Diospyros wrote:
A client wants to build a website wherein multiple users (say 10 at a time) would be able to log in and converse with each other with sound and video in a virtual meeting room, with one user in particular broadcasting at a respectably high resolution, say 640x480. First of all, is this even possible to put together? If so, then what's the best way?
I'm quite baffled as to how to approach this
It could be done with Flash but playback performance could be a issue with that many streams.

How do you make an image like this?

I am sorry if this is time consuming but I saw this image on a website and it caught my attention.

Ai is Illustrator, but a lot of digital artists use Photoshop for this sort of illustration. I suspect most of it for the gaming industry.
Check out Digital Tutors. They have a number of titles that show a step by step guide to producing artwork very similar to your guide.
Photoshop Illustration Tutorials and Training > Digital-Tutors
BTW I do hope this is a serious question. The similarity of your usename to the text in the illustration, had me thinking you might be spamming this forum. Tell me I'm wrong and I'll be happy to help.

How do you make a gradient like this

Is it a linear, radial, angle, etc?
Tried a few things but nothing is working to match it yet.
Thanks.

charles badland wrote:
Unless you are using an Adjustment Layer Gradient
Right idea, slightly wrong terminology. It's actually a Fill Layer on which you can make a gradient, then edit its characteristics.
Once you have such a Fill Layer created, you can edit it by double clicking the gradient icon in the Layers panel, and you can move its position by unchecking "Align with layer" then moving the center by dragging it while the Gradient Fill dialog is still open:
-Noel

How do I create an image like this?

Completely new to PS. How would I create an image like this with text? https://www.facebook.com/photo.php?fbid=10151570901245020&set=pb.50687255019.-2207520000.1 366989903.&type=3&theater
A link to a tutorial would be helpful.
Thanks!

Hi there,
Are you referring to the text, the color effect, or both?
Adding type is very easy - just grab the Type Tool from the tool bar. The article linked above provides some great tips for editing type in Photoshop.
As is the case with many "how to's" for Photoshop, there are several ways to acheive the colorized effect like the one applied to image you linked to. One method is to use Adjustment Layers, which I have outlined below.
1. With your image layer active (it will be highlighted in blue in your Layers panel, as shown below), create a selection of the area you'd like to colorize. I'm using the Polygonal Lasso Tool to create a diagonal selection - to do so, I held down the Shift key on my keyboard as a created my diagonal lines. This might take a bit of practice, but you'll get the hang of it quickly.
2. Then, in your Adjustments panel (if you don't see it, go to Window > Adjustments), click on the Curves adjustment layer, as highlighted below. Now you can play around with the curves to get the effect you'd like. (Here's a quick guide on using the Curve tool)
3. To select the other areas of your image, command (Mac) / control (PC) click on the adjustment layer thumbnail (highlighted below). Then, go to Select > Inverse.
4. Now we want to deselect part of our selection. Grab the Quick Selection Tool from the toolbar and set it to Subract from selection. Then, simply drag the selection brush over the area you want to deselect. In my case, I only want to have the upper-left corner of my image selected.
5. After you have your selection, click on the image layer and add a Curves adjustment layer like before.
6. Repeat steps 3-5 for the other corner of your image and you should end up with something like this:
The nice thing about using adjustment layers is that you can always change them - just double click on the Adjustment layer thumbnail (highlighted in step 3).
Alternatively, you can select areas of your image and fill the selections with flat colors on separate layers. You can then go in a change the Blend Mode and Opacity for each layer.
Feel free to reply with any questions!
Kendall

Disable the pop-up message box "How would you like to open this file" to open pdf file??

Hi,
is there any way i can stop the pop-up box displaying to open pdf file in sharepoint document library? Right now whenever i am trying to open pdf file, asking "how would you like to open" Read only or edit mode. currently MIME Type is setup
but still pop-up message box.
Thanks in advanced!

Hi ,
As far as I know, This is a default feature. and is not recommended to delete or deactivate this pop up.
This is a feature of office and there is a dll called owssupp.dll which is responsible for getting the popup to open.
You can go to IE tools> addon settings and deactivate the above dll (sharepoint open document class). But if you do so, then the other office office files which are word/excel/pptx etc.. would aslo gets affected and they also wont get the popup.
Hope this helps.
Best Regards, Ashok Yadala

Problem with the Photomail option within " How would you like to share ?"

I have a PC with Windows 7 and Elements 10 installed. For the past couple of days, when I attempt to share photos using the Photomail option under "How would you like to share ?" column , after selecting the recipient, I get an error message dialogue box that says : "Elements 10 Organizer has stopped working - a problem caused the program to stop working correctly. Windows will close the program and notify you if a solution is available". Then the Organizer stays closed down until I reopen it. However, I am able to share photos using the "Email Attachment" option.
What could be wrong with the "Photomail" option ?
Thanks

Hi,
I have seen this sort of failure caused by a permissions problem.
Try this:
Close elements
Create a shortcut on your desktop which goes direct to the organizer
Right click on that shortcut and select "Run as Administrator" (even if you are an administrator)
Now try your Photomail again
If it does work, you only need to do this once, it seems to correct itself after that.
Good luck
Brian

How would you implement a page like this?

Similar Messages

Maybe you are looking for