Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Twitter Bootstrap

Frage Entwicklung JavaScript

Mitglied: pcguy

pcguy (Level 1) - Jetzt verbinden

12.11.2014, aktualisiert 15:32 Uhr, 1107 Aufrufe, 4 Kommentare, 1 Danke

Hallo zusammen

Ich habe eine kleine Javascript Frage.

Auf meiner Bootstrap Webseite lade ich am ende das Original javascript:

01.
  
02.
    <!-- jQuery --> 
03.
    <script src="js/jquery.js"></script> 
04.
 
05.
    <!-- Bootstrap Core JavaScript --> 
06.
    <script src="js/bootstrap.min.js"></script> 
07.
    <script src="js/bootstrap.js"></script> 
08.
 
09.
 <script type="text/javascript" >    
10.
	$('#beispiel').popover(options) 
11.
	</script>

Nun möchte ich "Popovers verwenden", der Aufruf zum Popover:


01.
  
02.
  <a href="#" tabindex="0" class="btn btn-lg btn-danger bs-docs-popover" role="button" data-toggle="popover" data-trigger="focus" title="Schließbares Popover" data-content="Und ein bisschen Inhalt. Ganz schön faszinierend, oder?">Schließbares Popover</a>

Es funktioniert nicht .......was habe ich vergessen?

Danke für eure Hilfe
Mitglied: d4shoerncheN
LÖSUNG 13.11.2014, aktualisiert um 11:13 Uhr
Guten Morgen,

versuch's mal so:

01.
<script type="text/javascript" > 
02.
$(function () { 
03.
  $('[data-toggle="popover"]').popover() 
04.
}) 
05.
</script>
Ersetzen mit deiner Zeile 09 - 11.

Du hast den falschen Beispielcode von der Bootstrap-Seite verwendet. In deinem Javascript greifst du dort auf die ID "Beispiel" (#Beispiel) zu, die in deinem Code gar nicht vorhanden ist. Die (options) zeigt dir auch nur an, dass du innerhalb der () individuelle Optionen zum Aufruf des JavaScript-Codes angeben könntest.

Gruß Toni
Bitte warten ..
Mitglied: pcguy
13.11.2014 um 10:32 Uhr
Guten morgen Toni, vielen Dank ... es funktioniert !!!


Gibt es eine einfache Möglichkeit den Inhalt von [data-content="" ] in einem externen File zu platzieren.
Ich habe es mit php versucht, aber das streikt.


Grüsse pcguy
Bitte warten ..
Mitglied: d4shoerncheN
13.11.2014, aktualisiert um 11:06 Uhr
Guten Morgen pcguy,

das ist doch schön. Dann bitte noch als gelöst markieren.

Ja die Möglichkeit besteht (wenn ich dich richtig verstanden habe). Schreib in deinem Template im Body-Bereich einfach noch folgende Zeile hinzu:
01.
<script src="js/mein_script.js"></script> 
mein_script.js ist ein frei wählbarer Name. Dann erstellst du in deinem Ordner "js" noch eine neue zusätzliche JavaScript-Datei, die genau diesen Namen trägt den du vergeben hast. In diese Datei kannst du dann folgendes einfügen:
01.
$(function () {  
02.
  $('[data-toggle="popover"]').popover()  
03.
})
Gruß
Toni
Bitte warten ..
Mitglied: pcguy
13.11.2014 um 11:13 Uhr
Hallo Toni

Sorry ich habe mich falsch ausgedrückt.

Da ich auf mehreren Seite viele Popover verwende, möchte ich eine Datei in der alle Inhalte der verschiedenen Popover ausgelagert sind.
Das soll Änderungen vereinfachen und der Code wird übersichtlicher ....

LG pcguy
Bitte warten ..
Ähnliche Inhalte
JavaScript
gelöst Wie ruft Twitter die Detailseite auf? (3)

Frage von Frank zum Thema JavaScript ...

Vmware
Das Gerät " Bootstrap" ist nicht verfügbar: VMWare (1)

Frage von PascalIT zum Thema Vmware ...

Datenschutz
HP liefert (k)ein Update für mitlesenden Audiotreiber (3)

Link von BassFishFox zum Thema Datenschutz ...

Neue Wissensbeiträge
Multimedia

Raspberry Pi als Digital-Signage-Computer

(1)

Information von BassFishFox zum Thema Multimedia ...

Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(15)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Router & Routing
Freigabe aus anderem Netz nicht erreichbar (31)

Frage von McLion zum Thema Router & Routing ...

Visual Studio
Vb.net-Tool zum Erzeugen einer Outlook-E-Mail (24)

Frage von ahstax zum Thema Visual Studio ...

Batch & Shell
Batch Programm verhalten bei shoutdown -p (19)

Frage von Michael-ITler zum Thema Batch & Shell ...

Windows Netzwerk
Netzwerk Neustrukturierung (15)

Frage von IT-Dreamer zum Thema Windows Netzwerk ...