I need to get this meny done, but the programmers say it's not possible to do what I want.
I find it hard to believe, so I'm asking you guys if this is possible.
Check out this page: http://www.nsquareit.com/lottemcgill/
Click the "Archive" in the menu below the logo. Here you can slide the three pins to make a selection to search for. The text that displays the selected value for each slider is now following the pin itself. I want that text to be static on the right side of the pins.
Is this possible?
He says the dealbreaker here is that the logo and menu itself should have fixed position. The logo and menu should not scroll with the page itself, but rather say where it is at all times. (like it is now).
So, is this possible? I believe it is. I cant see why not..?
Thanks =)
Try http://jqueryui.com/demos/slider/, it's easy to use, customizable and you can place it anywhere you want (including fixed elements)
Related
Slider working great here, but when in a smaller format on a phone as an example, the menu will not roll back up for other items or possibly not drop down for some dropdown items.
Saw one article "bootstrap.min.css, bootstrap.min,js, and ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js not resolving" but did not see anything there to help.
Answer was to use the code found at link http://docs.sitefinity.com/for-developers-avoid-conflicts-when-loading-multiple-versions-of-jquery
below wrapper and remove one of the references to "bootstrap.min.js".
I am currently trying to create "floating sidebars". By this I mean the social media share button you see in the link below: http://www.socialmediaexaminer.com/instagram-post-notifications-news/
I want to create something similar: a div which is fixed on the right side of the edge (so at the end of the window) and is visible all the time. If you click the div it can either expand to show additional content or it disappears.
I know how to solve this part, but the main problem is that my page is not full width (there are always spaces left on the left and right side).
I was thinking to use negative positions, but the problem is that they will only work when the width of the window does not get changed.
What would you recommend?
I'm building a site where there will be four tiles on the front page. When a tile is selected, I want the content to pop up in like a window that will be a bit transparent so you can see the main page behind it.
I've successfully coded just that, getting the link to bring up another div that is otherwise hidden and I've even gotten it to load another html document. I accomplished this with XMLHttpRequest();. My question is, is there a more efficient way to do this? I know I've done something similar in PHP before in school and when I google, I do see that being a way to do it, but I'm also seeing jQuery and AJAX being mentioned. My overall goal is to get it to where if I want to update the CSS of the screens, that I only have to do that for the main page, and it affects the content pop-ups.
I hope I explained this well enough. Thank you for any advice!
It's very simple to do in jQuery:
$("#yourDivsId").load("/UrlOfYourIntendedMarkupDelivery?anyarguments=true");
I need to insert a google adsense square box in the middle of all articles on the site.
What is the best approach?
The site is in drupal, so I figures I can hook to the view node function. this way the ad won't be saved together with the article. does that make sense? If so, than the question is how do I ensure I won't have image on the other side of the ad (the ad is aligned to the left and should take 50% of the article width)?
should I be using a block? but how will I know to place the block in inside the block.
So in short, I really have no idea where to start to implement it... How is this thing implemented in all the news sites?
I'd approach it by implementing a custom input filter that would insert the AdSense code (or the AdSense module shortcode, if you want) into the processed text. Once you have that custom filter implemented, you'll have to enable it in the text format you're using for the content type.
For implementing a custom filter, take a look at filter_example here.
This solution is for Drupal 7. The solution which worked for me is that I used the adsense tags format and then used this format to show ads on the site. Note that this line doesnot need any js inclusion or script tags. You just need to enable the Adsense tags format(I mean shortcode). Actually I was getting Ads disabled for admin and for other users i was getting the empty ad with space occupied on page but nothing shown. After different tweaks and experiments I got the following code working for me
[adsense:336x280:XXXXXXXXXX]
2nd parameter is width x height
3rd parameter: XXXXXXXXXX denotes the google ad slot/id.
I hope this will help others.
Ata ul Mustafa
I need to insert a google adsense square box in the middle of all articles on the site. What is the best approach?
From my experience:
On some drupal sites I used simply node editor to put box with adsense into content. For websites with not many nodes its best solution because of:
1) Box perfect fits in rest of content - you can change it manually.
2) Total control of viewed boxes - images, flash, text adds etc.
Etc.
But for websites with many nodes, this solution looks like stupid suicide.
Better option will be change node.tpl file in your theme folder. But there is some trouble. In this file, you have $content variable, with contains all of content in this node. This situation gives you ability to put box up or down of this node. But no in the middle. Perhaps solution will be to divide $content into 2x variables which will contains a half of contents. But question is - how do to it? Or maybe while content from node is saved into database, then you can put some html code with adsense box? And search best position to put box by regular expressions? Or maybe change all of nodes by adding html box directly in database?
should I be using a block? but how will I know to place the block in
inside the block.
As I remember, you cannot put block inside another block.
I want to implement a web page (using HTML/PHP, whatever else), that will populate data int the top half of the page (seem image below). The top half will contain links. When the user clicks on the links, I want to populate the bottom half of the page with detailed information about the item clicked on in the link in the upper half of the page. Also, when I populate the upper half of the page, if there is more data than will fit on the upper half of the page, I want to be able to allow the user to scroll the upper half of the page while the lower half of the page remains static. I know frames are very old school. I'm experienced at general programming, software engineering, and databases, but my web development experience is limited. However, don't limit your response based on my lack of experience in any technology...I can always learn. I'm just wondering the following:
How would I implement a "split window" (upper and lower half)?
How would I implement scrolling of data in the upper half without reloading the page everytime?
How would I invoke populating the bottom half of the page when a link is clicked on in the upper half of the page?
Would I use Javascript, CSS, what? Advice is appreciated.
You can have divs do scrolling. Checkout overflow
For the bottom content you can use Ajax.
There are also libraries you can use to simplify the implementation of much of this functionality. One big one is called jQuery (which also has a large plug-in community that may provide even more targeted solutions).
This is not really an answer, just a pointer: this page on JavaScript grid editors could give you some components that work out of the box. You'll only have to adapt them to your purpose, which could be anywhere between ten minutes and ten years of work.