Elxis CMS Forum

Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: iraklis on September 21, 2014, 10:53:31

Title: Editor - Μορφές - elxbutton
Post by: iraklis on September 21, 2014, 10:53:31

Γιατί δεν δέχεται το παρακάτω ο editor

<a href="http://www.htcomputer.gr/tameiakes-mekhanes/datecs-ctr-100.html">
<button class="elxbutton">ΑΓΟΡΑΣΕ ΤΟ</button>
</a>

είναι λάθος? το button το παίρνω από το μενού του editor Μορφές - Button και δεν μπορώ να κάνω link

Title: Re: Editor - Μορφές - elxbutton
Post by: datahell on September 21, 2014, 11:14:54

Αυτό είναι εντελώς λάθος γιατί όταν πατάς το "ΑΓΟΡΑΣΕ ΤΟ" ουσιαστικά πατάς το button το οποίο δεν κάνει τίποτα (ούτε form submit, ούτε onclick event), το link στο A tag δεν θα ενεργοποιηθεί γιατί το κλικ πάει στο button. Είτε θα βάλεις ένα link, είτε ένα button με onclick event, όχι το ένα μέσα στο άλλο. Αν βάλεις link (πιο σωστό στη συγκεκριμένη περίπτωση αφού ένα link θες να εμφανίσεις έτσι κι αλλιώς) μπορείς με css να το κάνεις να μοιάζει με button.

<a href="http://www.example.com/test.html" class="mybtnlink">ΑΓΟΡΑΣΕ ΤΟ</a>

Υποτυπώδης css:

a.mybtnlink {
      padding:2px 10px; text-decoration:none; background-color:#EFEFEF; color:#555555; border:1px solid #CCCCCC;
}
a.mybtnlink:hover { color:#222; border-color:#888; text-decoration:none; }
a.mybtnlink:focus { outline:none; }

ή

<button type="button" class="elxbutton" onclick="dosomething();">ΑΓΟΡΑΣΕ ΤΟ</button>

function dosomething() {
         document.location = 'http://www.example.com/test.html';
};

Elxis URIs
Στο Elxis 4.x τους συνδέσμους για πολλούς λόγους είναι καλύτερα να τους γράφεις στην Elxis URI μορφή τους.
Ο συγκεκριμένος:
<a href="#elink:content:tameiakes-mekhanes/datecs-ctr-100.html" class="mybtnlink">ΑΓΟΡΑΣΕ ΤΟ</a>

Title: Re: Editor - Μορφές - elxbutton
Post by: iraklis on September 21, 2014, 14:56:15

Ευχαριστώ για την απάντηση το κατάλαβα το λάθος, γλίτωσα αρκετό χρόνο
τι νόημα έχουν μετά στον editor το μορφές – button, μόνο για να εμφανίσουμε το button ?

Έκανα το παρακάτω

(((CSS3 και για τους αρχάριους όπως εγώ, βοηθά πολύ ο http://www.css3generator.in/css-button.html  και http://www.css3maker.com/ )))
λίγο εξάσκηση θέλει μόνο


<a class="htc_button" href="#elink:content:tameiakes-mekhanes/datecs-ctr-100.html">ΑΓΟΡΑΣΕ ΤΟ</a></p>

/*MY HTC-BUTTON MY HTC-BUTTON MY HTC-BUTTON MY HTC-BUTTON */
a.htc_button {
   padding: 4px 8px;
   border: 1px solid #D2D2D2;
   background-color: #E2E2E2;
   color: #666666;
   font: bold 12px Arial, Helvetica, sans-serif;
   text-decoration: none;
   cursor: pointer;
   border-radius: 4px;
   -moz-border-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E2E2E2));
   background: -webkit-linear-gradient(top, #FFF, #E2E2E2);
   background: -moz-linear-gradient(top, #FFF, #E2E2E2);
   background: -ms-linear-gradient(top, #FFF, #E2E2E2);
   background: -o-linear-gradient(top, #FFF, #E2E2E2);
   }
a.htc_button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FFF));
   background: -webkit-linear-gradient(top, #E2E2E2, #FFF);
   background: -moz-linear-gradient(top, #E2E2E2, #FFF);
   background: -ms-linear-gradient(top, #E2E2E2, #FFF);
   background: -o-linear-gradient(top, #E2E2E2, #FFF);
   }
a.htc_button:active {
   top: 1px;
   position: relative;
   }
/*MY HTC-BUTTON MY HTC-BUTTON MY HTC-BUTTON MY HTC-BUTTON */

Title: Re: Editor - Μορφές - elxbutton
Post by: iraklis on September 21, 2014, 15:13:12

Το παρακάτω URI δεν λειτούργει στην αρχική σελίδα.
<a href="#elink:content:tameiakes-mekhanes/datecs-ctr-100.html" class="mybtnlink">ΑΓΟΡΑΣΕ ΤΟ</a>

Όταν είμαι στην αρχική σελίδα εδώ  (http://www.htcomputer.gr/) δεν λειτούργει
και όταν είμαι  στην κατηγορία  εδώ (http://www.htcomputer.gr/tameiakes-mekhanes/) λειτουργεί
Γιατί συμβαίνει αυτό?