I am trying to make something in my web page that, after pressing a button, randomizes three seperate images and then shows pieces of text related - html

I'm trying to make a website about a game, this game has items, characters and places and I'm trying to code something where, when a button is pushed, it will show a random item, place and character and then show text based on the image it shows, I am working with Html 4 and am a very novice coder

Related

Jump to specific field when a multiple choice radio button is selected in Gravity Forms

is there an option or maybe a small custom code to make Gravity Forms radio buttons jump to a field on selection?
In my example, i have a list of 14 options. Using a condition logic when you select one option a custom HTML is revealed right under each and every option. For desktop is super ok, the screen is big and all fit well. The problem is for mobile devices because you select an option but after that, you have to scroll to see the custom HTML.
Is there any option or custom code snippet in Gravity Forms that jumps to that custom HTML when an option is selected?
I found some resources on how to make this using HTML code with ids but this is somehow dynamic though the HTML code is placed in the same position. My first idea was to add the same ID to each and every HTML code so that when a radio button is pressed it scrolls to that ID. Don't know if it makes sense but ...
Can someone help me with some resources or give me some hints? Many thanks.

How to make a Bootstrap page?

I must make a webpage using Bootstrap.
These are the requirements:
1 page in bootstrap. We have attached a handmade sketch. The page will have a list. In each list, there will be a title, 8 text fields in the group of 2 divided into 4 parts.
For example, FirstName: Oracle(2 fields), LastName: Maven (2 fields), and so on, an image slider, which can have minimum 1 and maximum 3 images in it. We can view the image on a big scale and zoom in zoom out the image. Below the slider will be Approve and Reject button which will be visible ONLY at the last Image. The right side of the section will contain 11 Input fields along with the labels. all are optional. Below the 11 fields will be a submit button. This will repeat like a list.
This is the sketch:
I don't understand how to do the lists.
I would be very grateful if you could help me.
If you didn't use Bootstrap and don't know how it's function better download some tool for making bootstrap sites or if you are familiar download a template.
Take a look on Pingendo, it's a drag and drop desktop application (you also have web) and just pick which element you want and drop it on the page...

R Shiny HTML hyperlink to seperate page containing chart

I have been trying for the last 2.5 hours to figure this out. I have managed to create a custom navigation bar with three links for my ShinyApp. My ShinyApp consists of 3 charts: a bubble chart, a timeline chart, and a histogram, and I want each respective link in the navigation bar to go to a page containing the appropriate chart. I know about the Navbar function in shiny, but it does not look quite the way I want. Here is mine:
tags$ul(class="main-nav",
list(
tags$li(class="active", tags$a(href="link-to-timeline-chart","Timeline Chart")),
tags$li(tags$a(href="link-to-bubble-chart","Bubble Chart")),
tags$li(tags$a(href="link-to-histogram","Histogram"))
))
I have even considered the option to plot them all in a single page and use the anchor tag to link to the specific part of the page containing the appropriate chart, but that would be compromising too much on my design. I really just want to have separate links for them; each in it's own page.

How to find same logos, UI elements using sikulix

I am new to sikuli.
I am using it for functional test automation of my java spring standalone application. I am having the same set of images(logos) at multiple locations on the screen. and they are generated dynamically as per the application data. In that case how can I find and click on certain buttons/elements in the UI.
Example: like, share, comment text/image will be there several times in facebook page. in that how to we click on particular buttons out of all.(facebook is just an example) i want the similar solution for my application.
I think what you're asking is- given a case where the same image or UI element is present multiple times on the same page, how can I specify one of these elements in one location versus the same element in another?
The quick and easy way to do this would be to capture a larger picture, like as much of the window as you can, and click the image in parentheses after the click action; this opens a window reading file, matching preview, and target offset. Click target offset, use the mouse wheel to zoom in, and click on the exact point of the picture that you'd like to click.
It's possible to click in multiple places on a captured image, provided you use different click() commands, and you can set the target offset for each click() command without needing a new picture.
With just this one image, you can potentially click every square on the board provided you take the time to set the offset for each of the 64 click() commands it'd take to do so. http://files.chesscomfiles.com/images_users/tiny_mce/cigoL/Chessboard.png
The more difficult solution would be setting up regions, and searching those regions for the matching pictures, but for what you're looking for this should- for more about regions and setting it up check links below. Cheers!
http://sikulix-2014.readthedocs.io/en/latest/index.html
Based on your FB example you could use setROI() to focus on the top post on the page (imagine a rectangle that covers a complete post on the news feed) from there I would loop:
if exists(profile pic):
click(like button)
elif exists(profile pic 2): # If you are testing more than one user
click(like button)
else : type(Key.DOWN) #repeat as needed
Getting the next post into the ROI may be tricky but using WHEEL_DOWN may help if you can adjust your lines traveled with each wheel click on your system.

Scroll Multiple Text Fields using Action Script 3.0

I am trying to build a Flash application which would display data from a external source and scroll it from left to right.
I am new to action script world, i have found an example in which text is scrolling but here there is only one text field. I would like to have multiple text field depending upon my data loaded from external source. How can i achieve it. Do i need to create 10 text fields if my external data returns 10 records.
Any advice on this would be appreciated. Thanks
It depends on your task, if you need 10 lines of text information that moves independently, so you will need 10 text fields. Or you could scroll one text field and change it's content with a new information (next record). For scrolling of the text field you will need Timer or Enter frame handler or Tweening engine, as for changing text you will need some logic, like if text goes offscreen - show another text data.
For me, your question looks very similar to this one, check it, maybe it will be helpful for you.