Databases
StackOverflow2013
Postsdbo
POis it possible to make accordion title navigate to a new page?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POis it possible to make accordion title navigate to a new page?
    primarykey
    data
    text
    <p>i was wondering if i can make the title of an accordion a button as well without the button feeling? here is a picture of the accordion title and some data inside it? i want to click on the text that is in the title to navigate to a page... using phonegap/cordova v1.9. Visual studio 2010 express for windows phone/html,CSS,javascript (c#) any help will be appreciated :) im open to a solution in anyway, including jquery's</p> <p><img src="https://i.stack.imgur.com/q7JsY.png" alt="enter image description here"></p> <p>title is <em>inboxentry1 POS556445</em> <br/> I have made the accordion in a bunch of div's that stacked into eachother... tell me if i must add anything else to help with the solution! <br/> here is some html for the accordion!</p> <pre><code> &lt;div id="AccordionContainer" class="AccordionContainer"&gt;&lt;/div&gt; &lt;div onclick="runAccordion(1)"&gt; &lt;div class="Accordiontitle" onselectstart="return false;"&gt; &lt;input type="button" href="ItemPages.html"&gt;inbox entry1&lt;/input&gt; &lt;br/&gt; &lt;a&gt;POS556446x&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="Accordion1Content" class="AccordionContent" style="background-color:white; color:grey;"&gt; &lt;form&gt; &lt;p&gt; &lt;label for="create" &gt;Created by :&lt;/label&gt; &lt;input type="text" style="margin-left:60px;" size="22" id="create"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="createdate" &gt;Created Date :&lt;/label&gt; &lt;input type="text" style="margin-left:43px;" size="22" id="createdate"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="process" &gt;Process name :&lt;/label&gt; &lt;input type="text" style="margin-left:36px;" size="22" id="process"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="transtype"&gt;Transaction type :&lt;/label&gt; &lt;input type="text" style="margin-left:20px;" size="22" id="transtype"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="lastact"&gt;Last action :&lt;/label&gt; &lt;input type="text" style="margin-left:61px;" size="22" id="lastact"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="lastuser"&gt;Last user :&lt;/label&gt; &lt;input type="text" style="margin-left:73px;" size="22" id="lastuser"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="lastupd"&gt;Last update :&lt;/label&gt; &lt;input type="text" style="margin-left:55px;" size="22" id="lastupd"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="duration"&gt;Duration :&lt;/label&gt; &lt;input type="text" style="margin-left:78px;" size="22" id="duration"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="saved"&gt;Saved :&lt;/label&gt; &lt;input type="text" style="margin-left:93px;" size="22" id="saved"/&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="adhoc"&gt;Ad hoc user :&lt;/label&gt; &lt;input type="text" style="margin-left:53px;" size="22" id="adhoc"/&gt; &lt;/p&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p>here is my .js file</p> <pre><code> var ContentHeight = 200; var TimeToSlide = 250.0; var openAccordion = ''; function runAccordion(index) { var nID = "Accordion" + index + "Content"; if (openAccordion == nID) nID = ''; setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openAccordion + "','" + nID + "')", 33); openAccordion = nID; } function animate(lastTick, timeLeft, closingId, openingId) { var curTick = new Date().getTime(); var elapsedTicks = curTick - lastTick; var opening = (openingId == '') ? null : document.getElementById(openingId); var closing = (closingId == '') ? null : document.getElementById(closingId); if (timeLeft &lt;= elapsedTicks) { if (opening != null) opening.style.height = ContentHeight + 'px'; if (closing != null) { closing.style.display = 'none'; closing.style.height = '0px'; } return; } timeLeft -= elapsedTicks; var newClosedHeight = Math.round((timeLeft / TimeToSlide) * ContentHeight); if (opening != null) { if (opening.style.display != 'block') opening.style.display = 'block'; opening.style.height = (ContentHeight - newClosedHeight) + 'px'; } if (closing != null) closing.style.height = newClosedHeight + 'px'; setTimeout("animate(" + curTick + "," + timeLeft + ",'" + closingId + "','" + openingId + "')", 33); } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USArrie
    1. USArrie
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COSome code would be good...
      singulars
      1. POis it possible to make accordion title navigate to a new page?
      1. USAlex Gill
    2. CO_this is my html only running now, no styling. so now you can see how i made the accordion, i only put in the fist title, seeing as all three of them look the same_
      singulars
      1. POis it possible to make accordion title navigate to a new page?
      1. USArrie
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload