Here is the scenario: a User will see a list of company names, each wrapped in an tag. He is able to see dynamic information and as he hover over each name and then make a request.
So Given a list of companies, each wrapped in an tag.
When the cursor hovers over an tag
Then a "pop-up" appears that contains an -based, dynamic content.
Given the pop-up
When the User clicks on the "submit" button in the pop-up
Then the form (based on the framework" is submitted and ajax displays "request succesful"
So, because I am using a php-framework, I'd like to use iframe to contain the form.
Some challenges:
When the cursor is no longer hovering over the tag, the hover disappears. How do I keep it operating?
How do I make it appear in an so I can have full form-submission and POST-ing dynamic values through the URL?
How do the "popup" disappear when the cursor is no longer on either the -tag or the pop-up itself?
Can I do it without loading a bunch of 's onto the page, because the list of companies could be long.
for an example:
http://browseusers.myspace.com/Browse/Browse.aspx hover over one of the link.
jQuery with the clueTip plugin is something I have used for this in the past.
Related
I'm currently trying to get Google Tag Manager to fire a click tag on my homepage for particular elements on the page. Not all elements are links so I'm using: Click - All Elements >> Some Clicks as my trigger type and added a condition of a specific CSS Selector for the tag to fire.
GTM is saying it does not see the value matching in the CSS however when I look at the Tag Details, I can see that there should be a match:
Tag Details page. I've also tried matching RegEx matching the click element and tried form element as well. The value is present in both of these when looking at "variables" in the GTM preview.
I'm looking to capture the click text within each of the sections of the homepage to determine which section is getting the most attention without getting the clutter of accidental clicks on nothing.
You shouldn't really share the site you're working on. That may be interpreted as link spam, especially from new accounts.
Try using this:
Click - All Elements ->
Some Clicks ->
Click Element ->
Matching CSS selector ->
And then this selector: #featured-services, #featured-services *
If this doesn't completely fix your issue, add a screenshot of your trigger as well as the block of HTML as text for us to be able to narrow it down.
I want to display images of 10 people on my dashboard, when i hover the image dynamically it needs to display a wiki page to the side of each image related to that person, how do i achieve this in tableau?
Here are the steps after you have a dashboard with your people on one of the charts. My example uses the pesticide list from the most recent #makeovermonday.
In your dashboard, drag the web page object in.
Click the option dropdown of that new object and click Add URL Action.
In the popup place the main portion of your wikipedia url in the box and select your people field which will become the dynamic portion of the URL. Mine is pesticides.
Change Run action on to Hover
Now when you hover on your main chart it will update the web page object with the person hovered on. I just hovered on Atrazine in this image
You will probably have to update your people names to make sure they match wikipedia's url.
I'm using Drupal version 8.6.10 with the default Bartik theme.
I created a new content type called Post and I would the change position of the "Save" and "Preview" buttons of the form used when creating a new Post.
Actually these buttons are shown immediately after the Title as you can see in the following picture:
Instead I want them to be shown at the end of the form.
These are the Post manage display settings:
I don't understand why this doesn't happen with the default content types provided by drupal (Article and Basic Page) but only with the content types I add.
How can I change that?
You probably disabled the title position at some point and then re-enabled it without consideration for the position. The 'Manage display' setting you mentioned does not handle the positioning of the form element, it is meant for when you view content in read mode.
To resolve this, go to the 'Manage form display' tab of the specific content type and re-order the position of the title field (e.g. at the top of the field list).
I'm trying to understand how Facebook implements the chat sidebar. It seems to stay there even as I change pages. For example, if I select some text inside the sidebar, then click to go to another Facebook page, the text remains selected. It's as if it was a separate frame, but when I look at the code, it's not.
All requests are made trough AJAX calls. Only "content" container is replaced when needed.
You don't actually "go" to another page. Just the "content" div gets updated.
There is a container DOM element called "fb_content", its content is replaced through straight-forward AJAX or more technically XMLHttpRequest. (Although when for example you enter an app, the entire page is refreshed.) To update the address bar they use the JavaScript History API.
In addition to what Zeno and lericson said (fb_content gets updated via ajax), the address bar also gets updated while maintaining the history (if you press back/forward).
I have a dojo layout that creates a sidebar on the left with a list of pages and a center area which is a tab container.
When a user double clicks a page in the sidebar, it creates a new closable tab in the center with a form to edit that page (the form is loaded via the href attribute on the ContentPanes, it's a standard Zend Framework request). However, if I open two or more pages, it creates all the elements and form controls with the same dijit IDs which creates conflicts. (This is expected I guess)
Aside from manually appending the current page ID to every element/dijit on the tab contents, does anyone know of a cleaner way for me to do this? Will this be an issue with the form element name attributes still being the same?
I guess the other approach is to not put id's on any of your widgets.